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

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

1 white-space:nowrap; /*不让文字内容换行*/
2 overflow:hidden;/*文字溢出的部分隐藏起来*/
3 text-overflow:ellipsis; /*用...替代溢出的部分*/
原文地址:https://www.cnblogs.com/wangjinhua/p/4696916.html