显然,我的帖子页面决定自己动手,并拒绝按其应有的方式工作。
尽管最大高度设置为最大6行+填充,但存储在框(div)中的文本(span)仍会绘制下一行。
如此处所示:
因此,显然我对此没有任何解决方案,代码如下:
<div class = "post">
<div class = "post-title">Lorem ipsum dolor amet</div>
<div class = "post-content"><span>Lorem Ipsum</span></div>
<div class = "post-footer"><span class = "post-date">2017.02.07</span><span class = "post-author">- J.</span></div>
</div>
和CSS:
.post-content
{
max-height: 128px;
overflow: hidden;
color: rgb( 81, 85, 88 );
}
.post-content span
{
overflow: hidden;
font-size: 15px;
display: inline-block;
padding: 10px 0px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句