css文字超出内容隐藏并在超出后显示省略号的方法
时间：2021-02-10 14:15:36
来源：
帝国CMS在调用信息时，或者制作前端页面时，在一些标题、简介等需要给用户看到一内容，当内容超过一个范围后就会把内容隐藏并显示省略号给用户提示。
制作思路：
1.使用overflow: hidden把超出的内容进行隐藏；
2.然后使用white-space: nowrap设置内容不换行；
3.最后使用text-overflow: ellipsis设置超出内容为省略号
.neirongwz {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
下面的语句就是把UL LI 下面的倒数第一个元素的下画线去掉！！！ 数字1或者2 代表第几个元素
A： ul li:nth-last-child(1){ border:none;} 倒数第1个元素
B： ul li:nth-child(2){ border:none;} 正数第二个元素
上一篇：多城市网站建设之代码...