css遇到的坑:一行文字內容沒有填滿,就跑去下一行去了。看着很不舒服。怎麼辦?

問題的問題

在我的外層div設置pading值,或是pading-right值後,內部的文字內容換行樣式看起來很奇葩。

在這裏插入圖片描述類似這樣的,一行文字內容沒有填滿,就自動換行了。

解決辦法1:padding-right的值搗鬼。

外殼的div屬性,不要設置pading-right的值,或是設置爲0就可以了。
這個辦法不是很好,不推薦。不喜歡,不舒服,不爽啊。

解決辦法2:word-break: break-all;

給殼div添加樣式word-break: break-all;完美解決。666啊!
在這裏插入圖片描述
是不是很丸美?biu踢否不biu踢否?

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章