你可以像这样使用 CSS 来伪造它。
<span>...</span>
在开头添加一个div
。
<div class="info-box"><span>...</span>Lorem ipsum dolar etc.</div>
在你的 CSS
摆脱nowrap
和text-overflow
添加一些padding-right
将span
向下放置在右下角。
CSS
.info-box{
overflow:hidden;
height: 3em;
width: 300px;
font-size: 1em;
line-height: 1em;
padding-right:20px;
}
.info-box span{
position:relative;
top:31px;
left:297px;
display:inline-block;
}
工作示例:http: //jsfiddle.net/jasongennaro/UeCsk/
仅供参考......左上角会有一个小间隙,省略号应该在哪里(因为我们使用position:relative;
.
fyi 2top
...只要您调整and ,这应该适用于您想要的任何行(您在问题中提到了三个)left
。