html – 如何使用css将背景颜色应用于带换行符的文本[复制]

概述参见英文答案 > How to apply padding to every line in multi-line text?                                    4个 我把它放在一个jsfiddle中来证明： https://jsfiddle.net/og90214y/ 我需要设置背景跟随文本而不是< p>元素宽度.为此,我设置了显示：内联. 对于两边的填充,我 参见英文答案 > How to apply padding to every line in multi-line text?                                    4个
我把它放在一个Jsfiddle中来证明： https://jsfiddle.net/og90214y/

我需要设置背景跟随文本而不是< p>元素宽度.为此,我设置了显示：内联.

对于两边的填充,我有盒子阴影：45px 0 0#f00,-45px 0 0#f00;,但是这个填充在firefox上不起作用(适用于Chrome),在firefox上它只适用于第一个线和其余的有填充,但没有背景颜色.

我怎样才能使它在firefox上工作并在每端45px上显示填充背景颜色？

解决方法 添加此属性Box-decoration-break：clone; &安培;删除Box-shadow

.slIDer-text p {background: #f00 none repeat scroll 0 0;Box-decoration-break: clone;-webkit-Box-decoration-break: clone;color: #fff;display: inline;Font-weight: 300;line-height: 1.4;margin-bottom: 10px;padding: 0 20px;}

https://jsfiddle.net/og90214y/6/

总结

以上是内存溢出为你收集整理的html – 如何使用css将背景颜色应用于带换行符的文本[复制]全部内容，希望文章能够帮你解决html – 如何使用css将背景颜色应用于带换行符的文本[复制]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。