html给页面设置背景色后,给文字设置不同的背景色,文字的位置会发生偏移,无法对齐,如何解决?-灵析社区

来自武功山的爱

html给页面设置背景色后,给文字设置不同的背景色,文字的位置会发生偏移,无法对齐,如何解决? 我也不知道为啥,截图粘贴过来后看起来几乎没区别,但自己跑起来,看着很明显。 详细描述: (1)当仅仅给文字设置不同背景色时,文字不会发生偏移: 代码: 编辑 删除 运行结果: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/9202ab22216afc3838a29e0cf4899f47.png) (2)当设置html背景色时,文字设置相同或不设置背景色时,文字不会发生偏移: 代码: 编辑 删除 运行结果: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/de5d746d7ff027cb6d18e9da9999b45e.png) (3)设置html背景色后给文字设置不同背景色时,文字位置发生偏移: 代码: 编辑 删除 运行结果: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241004/baed4f30eb01eb412c49455ec1263bb8.png) 期望运行结果: 希望文字位置不发生偏移

阅读量:214

点赞量:0

问AI
MastFancy
"https://codepen.io/h2278624265/pen/mdvQjWm" (https://codepen.io/h2278624265/pen/mdvQjWm) 错觉吧