CSS 編程中,有時候我們希望某段文字不被自動換行,而是保持在一行內,這就需要用到 CSS 的“不許換行”屬性。
>p標簽是默認會換行的標簽,如果我們想要某段文本不被換行,可以為它加上 white-space 屬性,值為 nowrap,例如:
這段文字不會換行
在上述的代碼中,我們設置了 p 標簽的 white-space 屬性為 nowrap,這樣就可以讓這段文字在一行內保持不換行。
除了在 p 標簽內使用 white-space 屬性,我們還可以在 CSS 文件中為所有元素設置這個屬性,例如:* {
white-space: nowrap;
}
在上述的代碼中,我們使用通配符 * 來表示所有的元素,然后為它們設置 white-space 屬性為 nowrap,這樣整個網頁的所有內容都將不會被自動換行。
需要注意的是,如果我們設置了 white-space 屬性為 nowrap,那么即使文字長度超出容器寬度,也不會自動換行,而是會出現橫向滾動條。
總之,white-space 屬性是使文字不換行的好幫手,我們可以在元素或全局級別隨意設置它,讓我們的頁面排版更加自如。上一篇mysql的安裝鏈接
下一篇css 與左邊標簽對齊