課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如圖,像這樣
2018-07-08
源自:初識HTML(5)+CSS(3)-升級版 12-12
正在回答
原因:瀏覽器在解析頁面的時候,把這一串數字當成一個單詞了,這樣就不會自動切斷字符串而進行換行。方法:用word-wrap:break-word
和word-break:break-all 如
div{ ????background-color:?#c8ff7e; ????width:?100px; ????height:?100px; ????word-break:break-all }
word-wrap:break-word; 和 word-break:break-all 的區別1,word-break:break-all?例如div寬100px,它的內容就會到100px自動換行,如果該行末端有個英文單詞很長,它會把單詞截斷。2,word-wrap:break-word 例子與上面一樣,但區別就是它會把單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。
iaaiNG 提問者
同問,我剛才也遇到這個問題,我自己手工加了個"<br>"來換行了。哈哈
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答盒子模型內容溢出
1 回答盒子模型中內容超出邊框后,為什么文字依舊保持著在邊框的樣式。。
2 回答盒子模型內容的理解
1 回答盒子模型中文字與數字的排列方式為什么不同
1 回答盒子模型是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-07-08
原因:瀏覽器在解析頁面的時候,把這一串數字當成一個單詞了,這樣就不會自動切斷字符串而進行換行。
方法:用word-wrap:break-word
和word-break:break-all 如
word-wrap:break-word; 和 word-break:break-all 的區別
1,word-break:break-all?例如div寬100px,它的內容就會到100px自動換行,如果該行末端有個英文單詞很長,它會把單詞截斷。
2,word-wrap:break-word 例子與上面一樣,但區別就是它會把單詞看成一個整體,如果該行末端寬度不夠顯示整個單詞,它會自動把整個單詞放到下一行,而不會把單詞截斷掉的。
2018-07-08
同問,我剛才也遇到這個問題,我自己手工加了個"<br>"來換行了。哈哈