我正在使用H1标签作为标题文本，并在其中使用SPAN标签，以便添加背景颜色和填充，例如：
问题是当文本溢出到另一行时，SPAN元素填充不会影响其他行上的文本。
任何人对如何修复都有任何想法吗？ （我在这里查看/尝试了其他示例，但在使用'border-left'技术时遇到了问题 - 在所有浏览器中呈现的方式不同。）有没有办法使用jquery？干杯，S。
修改
想想我已经设法让这个工作正常 - 请参阅http://jsfiddle.net/xqd87/124/
答案 0 :(得分：1)
根据您的评论，我能做的最好的事情是将white-space:pre-wrap;添加到.bg-box。这为您提供了行末端所需的空间，但遗憾的是，它不会在新行的左侧添加空格。
答案 1 :(得分：0)
只需将display: block;添加到.box-bg：http://jsfiddle.net/xqd87/87/
至少，我不明白为什么你需要跨度 - 同样的事情可以像这样得到：http://jsfiddle.net/xqd87/88/
答案 2 :(得分：0)
内联元素的填充将在元素内部的文本的开头和结尾添加空格。如果要添加块元素的填充，请将其设为display:block
答案 3 :(得分：0)
在您的display:block代码中写span，因为span是inline element，vertical padding不会在width中添加padding。
这就是为什么下一行不考虑他的{{1}}
答案 4 :(得分：0)