div展示字数超过一定数量用省略号代替

原来是这样:字数多的话会换行,但是这是一个新闻发布的标题啊~~

所以加上样式:

  1. width: 400px;               //宽度固定
  2. overflow: hidden;         //超出部分隐藏
  3. text-overflow: ellipsis;  //用省略号
  4. white-space: nowrap;  //不换行

div展示字数超过一定数量用省略号代替_第1张图片

但是谷歌大大不认:是没有换行,可是就只是没有换行啊!!

所以要再加上:display: block;

就酱啦~~~

所以合起来就是:

width: 400px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

display: block;

你可能感兴趣的:(jsp)