CSS 怎么清除多个a标签之间的默认空白空隙/间距

发布网友发布时间：2022-04-20 02:08

共2个回答

热心网友时间：2022-04-28 15:39

a标签默认是行内元素，而行内元素之间的回车键、多个空格、多个制表符（tab）等均会按一个空格来处理，这样的话，如果相邻的两个a标签不在同一行（换句话说它们之间有回车换行符），则显示在页面的时候它们之间就会出现一个空格的间隙。

因此，要想解决这个问题，最好也是最简单的办法，就是把它们写在同一行且互相之间不留任何字符（包括空格），比如：

如果既要把它们写在不同的行，又不想有空隙，可以把a标签改为块级元素。但是要想让块级的a标签仍然排在同一行就要多费一番手脚了，比如通过浮动（浮动时a标签会自动变为块级元素）：

此外还可以利用CSS3的弹性盒子flex来实现，这个就不多说了。

热心网友时间：2022-04-28 16:57

a{ margin: 0; padding: 0; }