帝国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;}    正数第二个元素

相关新闻