当前位置:Gxlcms > html代码 > CSS截取字符串,多余的字符用省略号显示

CSS截取字符串,多余的字符用省略号显示

时间:2021-07-01 10:21:17 帮助过:6人阅读

通常我们截取字符串是用动态语言的函数来处理,本例采用css方法来处理因字符串过长导致的样式不合理的问题。 本人认为这种方法比用函数来截取字符串长度更好。
css代码如下:

a.name{
    line-height: 30px;
    text-align: center;
    text-overflow:ellipsis;//让超出的用...实现
    white-space:nowrap;//禁止换行
    overflow:hidden;//超出的隐藏
    display: block;
}

人气教程排行