1、如果是只需要顯示一行+省略號，那么就容易啦 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 2、如果是需要顯示2行或者更多+省略號 { overflow:hidden ...

.view-text{ /** a.設置inline-block 屬性 b.強制不換行 c.固定寬度 d.隱藏超出部分 e.顯示“……” */ display: inline-block; white-space: nowrap; width: 100 ...

overflow:hidden; white-space:nowrap; /*不允許換行*/ text-overflow:ellipsis;/*超出部分省略號顯示*/ 　　 ...

CSS一行顯示，顯示不下的用省略號顯示 復制上面代碼即可。 ...

代碼如上 ...

...

css文字超出一行就顯示省略號 1，css超出一行用點表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用點表示 overflow ...

1，css超出一行用點表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用點表示 overflow:hidden; text-overflow:ellipsis; display ...