在一个div里让两个子div并排显示问题 20
第一个子div1是一个新闻标题，第二个div2是该新闻的来源网站，现在要求是这样，当两个div加起来的强度超过大的div的宽度，要求超出部分隐藏，不过隐藏的是div1的超...
第一个子div1是一个新闻标题，第二个div2是该新闻的来源网站，现在要求是这样，当两个div加起来的强度超过大的div的宽度，要求超出部分隐藏，不过隐藏的是div1的超出内容，div2要完全显示。求大神帮忙
展开
2个回答
展开全部
如果要全兼容的话，要用js控制的吧。单纯css无法实现哦。
如果不需要兼容ie6，用max-width
<div style="width:300px;">
<div style="max-width:200px;height:18px;overflow:hidden;">我是新闻标题我是新闻标题我是新闻标题</div>
<div style="width:100px;">来源</div>
</div>
如果不需要兼容ie6，用max-width
<div style="width:300px;">
<div style="max-width:200px;height:18px;overflow:hidden;">我是新闻标题我是新闻标题我是新闻标题</div>
<div style="width:100px;">来源</div>
</div>
追问
js去动态设置两个div的长度？前面的div用max-width=大div的长度-来源div的长度？我这个逻辑可以吗？还有，怎么通过文本长度确定div的width？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
