css怎麼控制文字不換行

2020-11-23 15:00:20

css控制文字不換行的方法:可以利用white-space屬性來控制,如【white-space:nowrap;】。white-space屬性指定元素內的空白怎樣處理,normal表示瀏覽器忽略空白。

環境:

本文適用於所有品牌的電腦。

(學習視訊分享:)

相關屬性:

white-space屬性指定元素內的空白怎樣處理。

屬性值:

  • normal 預設。空白會被瀏覽器忽略。

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

  • nowrap 文字不會換行,文字會在在同一行上繼續,直到遇到 <br> 標籤為止。

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

  • pre-line 合併空白符序列,但是保留換行符。

  • inherit 規定應該從父元素繼承 white-space 屬性的值。

範例:

p{
    white-space:nowrap;
}

相關推薦:

以上就是css怎麼控制文字不換行的詳細內容,更多請關注TW511.COM其它相關文章!