css控制字符串输出长度自动隐藏

发布时间:2019-11-19编辑:脚本学堂
有关css控制字符串输出长度的方法,超出部分自动隐藏,text-overflow与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>