CSS中有一種很常見的樣式屬性,是用來控制文本自動換行的,它叫做"word-wrap"。這個屬性很實用,它能讓大段的文本自動換行,使得文本能夠在較小的框體內顯示,同時不需要手動來添加"br"標簽。但是,在某些情況下,我們不想讓文本自動換行,那該怎么辦呢?
答案很簡單,我們只需要把"word-wrap"屬性設置為"nowrap"就可以了。
selector{ word-wrap: nowrap; }
這里的"selector"可以是你要控制的元素的類名、id名或標簽名。這樣設置后,你就可以把文本當成一整行來處理,無論有多長。
可以注意一下"pre"標簽,它也可以達到相同的效果。"pre"標簽是一個帶有預格式化的標簽,當瀏覽器遇到它時,會根據標簽內的字符序列來顯示文本,以此保證文本的布局和顯示格式。
<pre> 這里是一整行的文本,也可以很長很長。 </pre>
總之,取消文本的自動換行可以用"word-wrap:nowrap"來設置,也可以用"pre"標簽來實現,具體使用的時候需要根據實際情況來看。
上一篇css3教程背景
下一篇css3操作手冊百度云