css設置div超出不換行


寬度縮小時div里的元素會被擠出來,讓讓樣式變形,

這個時候可以用屬性white-space:nowrap;來強制文本文字內容不換行,

文本會在在同一行上顯示,直到遇到 <br> 標簽為止。

用這個屬性值我想實現當div受到外部的寬度強制變小是input里面的值不會被擠出來,而是被遮蓋住。就像這樣:

 

 

 

white-space屬性還有其他的屬性值:

 

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

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

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

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM