一、文字不換行

在CSS中，可以通過white-space屬性來實現文字不換行顯示；只要將white-space屬性的值為nowrap就可強制文字不換行。

white-space屬性指定元素內的空白怎樣處理。它有以下屬性值：

• normal：默認。空白會被瀏覽器忽略。

• pre：空白會被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標簽。

• nowrap：文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標簽為止。

• pre-wrap：保留空白符序列，但是正常地進行換行。

• pre-line：合并空白符序列，但是保留換行符。

二、超出文字顯示點點點

width:400px;/*要顯示文字的寬度*/ text-overflow :ellipsis; /*讓截斷的文字顯示為點點。還有一個值是clip意截斷不顯示點點*/ white-space :nowrap; /*讓文字不換行*/ overflow : hidden; /*超出要隱藏*/

總結

以上是生活随笔為你收集整理的css文字不换行显示、超出显示点点点等实用性小记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。