有浮动:右跨度可收缩
提问于 2011-11-02 10:03:48
请查看this fiddle了解我的情况。本质上，我有一个浮动的span，当窗口变小(它在另一行上)时，它是阻塞的。
当窗口很小时，我希望浮动跨度随着不适合隐藏的文本而缩小(我猜是某种overflow: hidden )。本质上，我希望优先考虑左边的文本，并让浮动的span随着窗口变小而逐渐消失。
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-11-02 11:43:25
请参阅： http://jsfiddle.net/thirtydot/XMX9y/
CSS:
.row {
border: 1px dashed #444;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
}
/* first span */
.row span:first-child {
float: left;
margin-right: 20px;
}
/* second span */
.row span + span {
background: #ddd;
}HTML：
<div class="row">
<span>left left left left left left</span>
<span>What is the best way to</span>
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7978526
复制相关文章
腾讯云开发者
