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

在开发过程中,我们有时候会遇到这样的问题,用列表显示文章标题时,由于标题过长,导致内容超出列表宽度。 解决这样的办法有很多,可以用动态语言截取字符串处理,但本例中,我们用

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

a.name{
  line-height: 30px;
  text-align: center;
  text-overflow:ellipsis;//让超出的用...实现
  white-space:nowrap;//禁止换行
  overflow:hidden;//超出的隐藏
  display: block;
}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

今天在用到text-overflow的ellipsis属性得时候,突然发现原来FF下是没有省略号得(才发现,汗)。不想把这个问题交给后台或者用JS来做了,于是找了个折中的办法,就是:after伪类来模拟FF下的省略号。具体做法就是给content一个的值,然后hack解决宽度问题,这
超过宽度显示省略号(无js无hack全兼容) .