css控制字符串输出长度超出隐藏的方法

发布时间:2020-08-17编辑:脚本学堂
有关css控制字符串输出长度,超出部分隐藏的实现方法,text-overflow等属性的用法,需要的朋友参考下。

以下例子,用到了width、white-space:nowrap;overflow:hidden;text-overflow:ellipsis等属性,其中width就是指定的长度。

完整css代码:
 

<div style="width:100px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #000">测试文字 ,脚本学堂,欢迎大家的光临。</div>