码迷,mamicode.com
首页 > Web开发 > 详细

用 CSS 控制li列表的长度,让li里面的内容不换行显示,而且让多余li长度的内容用...表示

时间:2015-08-02 23:16:52      阅读:645      评论:0      收藏:0      [点我收藏+]

标签:

用 CSS 控制li列表的长度,让li里面的内容不换行显示,而且让多余li长度的内容用...表示,其实实现的方法很简单。我们只需要在对li的css样式进行控制就可以了,具体如下:

1 white-space:nowrap; /*不让文字内容换行*/
2 overflow:hidden;/*文字溢出的部分隐藏起来*/
3 text-overflow:ellipsis; /*用...替代溢出的部分*/

 

用 CSS 控制li列表的长度,让li里面的内容不换行显示,而且让多余li长度的内容用...表示

标签:

原文地址:http://www.cnblogs.com/wangjinhua/p/4696916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!