56游戏 ● 文章资讯

分类分类

CSS文本超出div或者span时用省略号代替

更新时间：2026-02-18 21:06:13作者：fang

在项目中我们经常需要在文本过长时显示，将文本超出的部分内容用省略号代替：

思想为：

首先设置宽度，然后让超出的部分隐藏

如果有超出则在最后显示省略号

让文本不换行

具体css代码为：

代码如下:

.title{

width:200px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

word-break:keep-all;

}

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

以上就是本文章的内容，希望对大家有所帮助

展开全部

相关

手游推荐
说两句网友评论
    我要跟贴
    取消