原来是这样:字数多的话会换行,但是这是一个新闻发布的标题啊~~
所以加上样式:
- width: 400px; //宽度固定
- overflow: hidden; //超出部分隐藏
- text-overflow: ellipsis; //用省略号
- white-space: nowrap; //不换行
但是谷歌大大不认:是没有换行,可是就只是没有换行啊!!
所以要再加上:display: block;
就酱啦~~~
所以合起来就是:
width: 400px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;