課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如圖,像這樣
2018-07-08
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-12
正在回答
原因:瀏覽器在解析頁(yè)面的時(shí)候,把這一串?dāng)?shù)字當(dāng)成一個(gè)單詞了,這樣就不會(huì)自動(dòng)切斷字符串而進(jìn)行換行。方法:用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 的區(qū)別1,word-break:break-all?例如div寬100px,它的內(nèi)容就會(huì)到100px自動(dòng)換行,如果該行末端有個(gè)英文單詞很長(zhǎng),它會(huì)把單詞截?cái)唷?br />2,word-wrap:break-word 例子與上面一樣,但區(qū)別就是它會(huì)把單詞看成一個(gè)整體,如果該行末端寬度不夠顯示整個(gè)單詞,它會(huì)自動(dòng)把整個(gè)單詞放到下一行,而不會(huì)把單詞截?cái)嗟舻摹?br />
iaaiNG 提問(wèn)者
同問(wèn),我剛才也遇到這個(gè)問(wèn)題,我自己手工加了個(gè)"<br>"來(lái)?yè)Q行了。哈哈
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答盒子模型內(nèi)容溢出
1 回答盒子模型中內(nèi)容超出邊框后,為什么文字依舊保持著在邊框的樣式。。
2 回答盒子模型內(nèi)容的理解
1 回答盒子模型中文字與數(shù)字的排列方式為什么不同
1 回答盒子模型是什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-07-08
原因:瀏覽器在解析頁(yè)面的時(shí)候,把這一串?dāng)?shù)字當(dāng)成一個(gè)單詞了,這樣就不會(huì)自動(dòng)切斷字符串而進(jìn)行換行。
方法:用word-wrap:break-word
和word-break:break-all 如
word-wrap:break-word; 和 word-break:break-all 的區(qū)別
1,word-break:break-all?例如div寬100px,它的內(nèi)容就會(huì)到100px自動(dòng)換行,如果該行末端有個(gè)英文單詞很長(zhǎng),它會(huì)把單詞截?cái)唷?br />2,word-wrap:break-word 例子與上面一樣,但區(qū)別就是它會(huì)把單詞看成一個(gè)整體,如果該行末端寬度不夠顯示整個(gè)單詞,它會(huì)自動(dòng)把整個(gè)單詞放到下一行,而不會(huì)把單詞截?cái)嗟舻摹?br />
2018-07-08
同問(wèn),我剛才也遇到這個(gè)問(wèn)題,我自己手工加了個(gè)"<br>"來(lái)?yè)Q行了。哈哈