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踢否?

原创文章 103 获赞 128 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_42991509/article/details/105746015
今日推荐