1. 程式人生 > >div展示字數超過一定數量用省略號代替

div展示字數超過一定數量用省略號代替

原來是這樣:字數多的話會換行,但是這是一個新聞釋出的標題啊~~

所以加上樣式:

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

但是谷歌大大不認:是沒有換行,可是就只是沒有換行啊!!

所以要再加上:display: block;

就醬啦~~~

所以合起來就是:

width: 400px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

display: block;