用css控制字符串的输出长度超出时隐藏

发布时间：2014-09-21 14:17:02 作者：佚名

用到了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>

Tag：字符串输出长度

相关文章

CSS控制文本的长度超过一行显示省略号的实现方法
下面小编就为大家带来一篇CSS控制文本的长度超过一行显示省略号的实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考
2016-04-15
详解CSS中的几种长度px、em、pt
说说css的几种距离吧，大致有px、em、pt、pc、in、mm、cm、ex八种，其中最常见到的是px，我还见到过的有ex和mm、cm，当然后两个在当年见的更多
2014-07-28
CSS的em、px、pt长度单位转换示例
如果字体未做任何CSS设定或者元素的设定，默认的字体是12pt或者16px，或者1em，或者font size=3下面有个不错的em、px、pt长度单位转换示例，不懂的朋友可以参考下
2013-11-07
老生常谈CSS中的长度单位
下面小编就为大家带来一篇老生常谈CSS中的长度单位。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-27

最新评论