css - 文本和背景颜色重叠

Question

当有背景颜色时，有没有办法让文本重叠？

<span style="font-family: Roboto, sans-serif  !important; font-weight: regular; color=black; background-color:#E0E0E0;  padding: 5px; ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation </span>

https://jsfiddle.net/z9zbjye3/

Answer 1

这是由于 span 的内联性质造成的。指定行高以避免重叠

<span style="font-family: Roboto, sans-serif  !important; 
font-weight: regular; color=black; background-color:#c44dff; 
 padding: 5px;line-height:30px ">Lorem ipsum dolor sit amet,
 consectetur adipiscing elit, sed do eiusmod tempor incididunt
 ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 quis nostrud exercitation </span><br><br>