头闻号

义乌市少本电子商务商行

综合性公司

首页 > 新闻中心 > 科技常识:CSS文本超出div或者span时用省略号代替
科技常识:CSS文本超出div或者span时用省略号代替
发布时间:2024-09-22 09:46:42        浏览次数:2        返回列表

今天小编跟大家讲解下有关CSS文本超出div或者span时用省略号代替 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS文本超出div或者span时用省略号代替 的相关资料,希望小伙伴们看了有所帮助。

在项目中我们经常需要在文本过长时显示,将文本超出的部分内容用省略号代替: 思想为: 首先设置宽度,然后让超出的部分隐藏 如果有超出则在最后显示省略号 让文本不换行 具体css代码为: 复制代码代码如下:.title{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; }

Html代码就不用写了,一个div 或者span class = "title"即可。

来源:爱蒂网