前端 讓文字在div裡自動換行(禁用橫向滾動條)

2021-10-04 15:57:07 字數 379 閱讀 5019

div內文字自動換行

word-break:break-all 單詞截斷式生硬換行

word-wrap:break-word 需要換行時,單詞將完整儲存到下一行

(記得給div設定寬度)

關於滾動條

overflow:auto;當內容寬度超出div寬度,或者內容高度超出div寬度,或者同時超出,會自動出現水平、或者垂直、或者水平和垂直滾動條。

overflow-x:auto;當內容寬度超出div寬度,自動出現水平滾動條

overflow-y:auto;當內容寬度超出div高度,自動出現垂直滾動條

(div要設定高度,overflow設定為auto)

以上二者組合一下就不會出現橫向滾動條了,文字也可以完整顯示出來

讓DIV中文字換行顯示

1.i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii 未加css前效果 2.這三句重點在於 word break與word wrap a word break 屬性規定自動換行的處理方法。提示 通過使用 word break 屬性,可以讓瀏覽器實現在任意位...

讓DIV中文字換行顯示

原文 讓div中文字換行顯示 1.style div style div style width 100px border 1px solid red i am a doibiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii div 未加css前效果 2.這三句重點在於 word...

設定div中文字超出時自動換行

設定div中文字超出時自動換行 一 對於div強制換行 1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap 2.firefox瀏覽器 white space normal word break break al...