我想在只能容纳两行的小空间中显示文本。当文本太长时,我正在寻找一种在第二行末尾获得省略号的方法。
我用了一张桌子,但它不起作用,我不能限制单元格的高度。
<td style="overflow-x: hidden;overflow-y:hidden;text-overflow: ellipsis;max-height:50px">text</td>
我想在只能容纳两行的小空间中显示文本。当文本太长时,我正在寻找一种在第二行末尾获得省略号的方法。
我用了一张桌子,但它不起作用,我不能限制单元格的高度。
<td style="overflow-x: hidden;overflow-y:hidden;text-overflow: ellipsis;max-height:50px">text</td>
我创建了一个带有演示的小提琴:http: //jsfiddle.net/sandro_paganotti/N35Hw/。不幸的是,您必须提前知道文本是否会溢出才能显示before
选择器。
<p><span>
lalla al lalla lalla la lallalla
llal alla alla alllla la la al allla
lalall alla alla alla alla alla
lla alla lalla lalla alla alla allalla lla
llala lall lalla lal
</span></p>
p{
width: 200px;
border: 5px solid black;
position: relative;
}
p:after{
content: '...';
display: block;
position: absolute;
bottom: 6px;
right: 10px;
background: #FFF;
}
span{
display: block;
margin: 10px;
height: 50px;
overflow: hidden;
}