欢迎来到 54818模板网!这是一个yzmcms的模板分享站。

用css把超出的文字部分变成省略号

相关案例演示

如下图第二行,比如:为DIV设置一个宽度,当文字过多时,超出的文字就会另起一行。这样非常影响美观。

那怎么解决这个问题呢? 我们可以通过CSS样式来解决。

width: 800px;/*先为块元素设置一个宽度,当然一般都有设置的*/
white-space: nowrap;/*内容超宽后禁止换行显示*/
overflow: hidden;/*超出部分隐藏*/
text-overflow:ellipsis;/*文字超出部分以省略号显示*/

通过给DIV设置上面的CSS样式,就会显示为上图第一行的效果,超出的文字会变成省略号。非常的棒。

    作者:54818模板网 关注:2052 时间:2021-01-08 09:49:05
    相关网站教程