html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css样式显示省略号自定义宽度超过隐藏显示省略标记_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:这篇文章主要介绍了css样式怎么显示省略号,即当超过自定义宽度时隐藏显示省略标记,比较实用,需要的朋友可以参考下
用css样式显示省略号,记 5qYHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
5qYHTML5中文学习网 - HTML5先行者学习网
.xx{ 5qYHTML5中文学习网 - HTML5先行者学习网
display: block; 5qYHTML5中文学习网 - HTML5先行者学习网
width:200px;/*对宽度的定义,根据情况修改*/ 5qYHTML5中文学习网 - HTML5先行者学习网
overflow: hidden; 5qYHTML5中文学习网 - HTML5先行者学习网
white-space: nowrap; 5qYHTML5中文学习网 - HTML5先行者学习网
text-overflow: ellipsis; 5qYHTML5中文学习网 - HTML5先行者学习网
} 5qYHTML5中文学习网 - HTML5先行者学习网
5qYHTML5中文学习网 - HTML5先行者学习网
效果图 5qYHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助