2017-04-04 88 views
0

有背景颜色时文本可以重叠的方式吗?文本和背景颜色重叠

<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/

回答

2

这是由于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>

+0

是有办法来避免空白在之间,也许使用一个div? –

+0

是使用div会克服这个问题 –