Question

请参阅this fiddle了解我的情况。从本质上讲，我有一个浮动的span，当窗口变小时它是阻碍的（它在另一条线上）。

当窗口很小时，我希望浮动范围缩小，不适合隐藏的文本（某种overflow: hidden，我猜）。从本质上讲，我希望优先考虑左侧的文本，并使浮动span逐渐消失，因为窗口变小。

Answer 1

请参阅： 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>

有浮动：右跨可收缩

1 个答案: