html - css 英文段落換行,單詞截?cái)?/h1>
瀏覽:104日期:2023-01-22 16:07:04
問(wèn)題描述
現(xiàn)在英文展示的是這樣,一篇英文文章,整個(gè)文章有一個(gè)寬度,每行換行的時(shí)候英文單詞從中間截?cái)嗔恕?
我想實(shí)現(xiàn)的是,換行的時(shí)候,整個(gè)單詞換行,不要截?cái)唷?img alt='html - css 英文段落換行,單詞截?cái)? src=''http://www.cgvv.com.cn/wenda/php/' target='_blank'php/a.cn/upload/image/000/000/008/502d4bf7f90d1a10b90df7939560a3ce-0.png'>
我嘗試的辦法:如下圖屬性,添加了word-wrap:break-word;結(jié)果就是英文單詞被截?cái)?/b>。![html - css 英文段落換行,單詞截?cái)? src=]()
依然有問(wèn)題:![html - css 英文段落換行,單詞截?cái)? src=]()
問(wèn)題解答
回答1:直接設(shè)置文章的寬度 不添加屬性 word-wrap 就可以了吧
![html - css 英文段落換行,單詞截?cái)? src=]()
設(shè)定寬度,左右加padding 沒(méi)問(wèn)題啊,不會(huì)出現(xiàn)你的情況啊
![html - css 英文段落換行,單詞截?cái)? src=]()
我的完全沒(méi)有問(wèn)題啊,要不你試試
回答2:http://www.zhangxinxu.com/wor...
這篇博客可以參考一下、寫(xiě)的很詳細(xì)
回答3:word-wrap:break-word;
不存在word-break: break-all;的話應(yīng)該沒(méi)問(wèn)題的
標(biāo)簽:
HTML
問(wèn)題描述
現(xiàn)在英文展示的是這樣,一篇英文文章,整個(gè)文章有一個(gè)寬度,每行換行的時(shí)候英文單詞從中間截?cái)嗔恕?
我想實(shí)現(xiàn)的是,換行的時(shí)候,整個(gè)單詞換行,不要截?cái)唷?img alt='html - css 英文段落換行,單詞截?cái)? src=''http://www.cgvv.com.cn/wenda/php/' target='_blank'php/a.cn/upload/image/000/000/008/502d4bf7f90d1a10b90df7939560a3ce-0.png'>
我嘗試的辦法:如下圖屬性,添加了word-wrap:break-word;結(jié)果就是英文單詞被截?cái)?/b>。
依然有問(wèn)題:
問(wèn)題解答
回答1:直接設(shè)置文章的寬度 不添加屬性 word-wrap 就可以了吧
設(shè)定寬度,左右加padding 沒(méi)問(wèn)題啊,不會(huì)出現(xiàn)你的情況啊
我的完全沒(méi)有問(wèn)題啊,要不你試試
http://www.zhangxinxu.com/wor...
這篇博客可以參考一下、寫(xiě)的很詳細(xì)
回答3:word-wrap:break-word;
不存在word-break: break-all;的話應(yīng)該沒(méi)問(wèn)題的
