.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;/*超出部分省略號顯示*/ 　　 ...

在我們設置樣式的時候，不可避免的涉及到內容只出現一行或只出現自己想要的行數。 1.首先說一行的問題。 <div class="outer"> 如果內容超出，還會看到現在的內容嗎？噠噠噠噠噠 </div> ...

text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ...

1.例如 p元素，里面的文字不換行顯示，超出部分不隱藏 p{ width:100px; word-break:keep-all; white-space:nowrap; } 2.例如 p元素，里面的文字不換行，超出部分用省略號代替 p ...

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

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 ...