帝国CMS电脑手机数据同步仿站全套高清视频教程在线观看
软件下载| 会员注册| 会员登陆| 淘宝店铺

大小:15.12 MB
当前版本:V1.0
更新时间:2019.8.1

当前位置: 首页 > 常见问题 > 帝国CMS问题 >
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;}    正数第二个元素

相关新闻