首頁  >  文章  >  web前端  >  css怎麼控製文字不換行

css怎麼控製文字不換行

王林
王林原創
2020-11-23 14:47:323633瀏覽

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

css怎麼控製文字不換行

本教學操作環境:windows10系統、css3版,此方法適用於所有品牌電腦。

(學習影片分享:css影片教學

css控製文字不換行的方法:

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

屬性值:

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

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

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

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

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

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

範例:

p{
    white-space:nowrap;
}

相關推薦:CSS教學
##

以上是css怎麼控製文字不換行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn