<div style="display:inline-block;width:100px;">
very long text
</div>
任何使用纯css的方法都可以剪切太长的文本,而不是在下一行显示,并且最多显示100px
最佳答案
<div class="crop">longlong longlong longlong longlong longlong longlong </div>
这是我能想到的一种可能的方法
.crop {width:100px;overflow:hidden;height:50px;line-height:50px;}
这样,由于设置了
overflow
,长文本仍会自动换行,但不会显示,并且通过将line-height
设置为与height
相同,我们确保仅显示一行。请参见demo here和漂亮的overflow property描述以及交互式示例。
关于html - 在div中裁剪文本太长,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3695435/