欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于在html中换行引起的空格问题

程序员文章站 2024-02-09 18:05:36
...

我在最近写html的时候,经常会碰到标签的换行,或者是内容的换行,在界面中是会出现空格的间隙。如:

<div>
	<span>111</span>
	<span>222</span>
</div>

关于在html中换行引起的空格问题
关于在html中换行引起的空格问题
如图,111与222之间会出现空格。
解决方法:
在父标签上设置font-size:0px; 然后单独给子标签设置字体大小就能解决这个问题了。

<div style="font-size: 0px;">
	<span style="font-size: 20px;">111</span>
	<span style="font-size: 20px;">222</span>
</div>

效果:
关于在html中换行引起的空格问题
关于在html中换行引起的空格问题

相关标签: css html