小编Cri*_*ris的帖子

jsfiddle 在这里。

我有一个span元素，使用background-color: yellow和突出显示padding: 1px 10px。

但是，在较小的设备上，此行文本变为两行，三行等。这会使第一行和第二行“丢失” 右侧的填充，例如单词“ the”和“ to”，并且第二和第三行以“丢失” 左侧的填充，例如下图中的“ highlight”和“ better”一词：

如何确保这些单词（在上图中的“ the”，“ highlight”，“ to”，“ better”）和所有其他单词在左侧和右侧保持10px的填充？

有人建议使用来回答类似的问题display: block，但这使span不再是span，而只是一个矩形，这不是我需要的外观。这也使突出显示跨页面的整个宽度。