H5两个button之间缝隙移除

411 阅读1分钟

问题

发现两个按钮没有设置margin,padding,以及没有做换行操作,也是不紧贴。 如图: 在这里插入图片描述 而我想要的是两个按钮紧贴一起显示。

解决

方式1: 设置父级的字体大小为0。 font-size: 0px;即可。

方式2: 设置父级的display。 display: flex | inline-flex等

原因

H5某些标签带有空格和换行。这些不可见字符的大小会随着父级的字体大小而产生间隙。

资料