点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

CSS文字超出div或者span时显示省略号_html/css

来源：动视网责编：小采时间：2020-11-27 16:18:35

CSS文字超出div或者span时显示省略号_html/css

CSS文字超出div或者span时显示省略号_html/css_WEB-ITnose:我们常常需要在文本过长时显示，将超出显示成省略号：思想为：首先设置宽度，然后让超出的部分隐藏如果有超出则在最后显示省略号让文本不换行具体css代码为： .title{ width:200px;overflow:hidden;text-overflow:ellipsis;white-

推荐度：

点击下载本文 文档为doc格式

导读CSS文字超出div或者span时显示省略号_html/css_WEB-ITnose:我们常常需要在文本过长时显示，将超出显示成省略号：思想为：首先设置宽度，然后让超出的部分隐藏如果有超出则在最后显示省略号让文本不换行具体css代码为： .title{ width:200px;overflow:hidden;text-overflow:ellipsis;white-

我们常常需要在文本过长时显示，将超出显示成省略号：

思想为：

首先设置宽度，然后让超出的部分隐藏
如果有超出则在最后显示省略号
让文本不换行

具体css代码为：

.title{

width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-break:keep-all;

}

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

CSS文字超出div或者span时显示省略号_html/css

CSS文字超出div或者span时显示省略号_html/css_WEB-ITnose:我们常常需要在文本过长时显示，将超出显示成省略号：思想为：首先设置宽度，然后让超出的部分隐藏如果有超出则在最后显示省略号让文本不换行具体css代码为： .title{ width:200px;overflow:hidden;text-overflow:ellipsis;white-

推荐度：

点击下载本文 文档为doc格式

标签：文字显示省略号

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2025 51dongshi.net 版权所有

赣ICP备2023002352号-34

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top