如果我有类似以下内容,然后我怎么能隐藏不完全符合行?在这个例子中,只有第2行适合完全与我的默认字体,但3号线仅适合部分。我希望那条线完全消失(类似于text-overflow
,但高度)。
<div style="position: absolute; top: 85%; bottom: 10%; overflow: hidden;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac condimentum est. Nunc sit amet arcu ut turpis pulvinar fringilla. Mauris et quam bibendum, euismod enim sit amet, tempor ante. Praesent vel consequat sapien, non tristique massa.
</div>
(fiddle)
这是它看起来就像是我的,我想后“Mauris等”摆脱线:
最佳答案
我唯一知道的是-webkit-line-clamp。其他浏览器可能还有其他解决方案。您还可以看看:http://css-tricks.com/line-clampin/
我会避免然而,如果你可以设置高度为2行文字。因此,如果行高为15像素,将高度设置为30像素为2行,只要不排除任何其它的利润或填充。