如何消除a标签的默认间距

如何消除a标签的默认间距,第1张

Html中的a标签即使写了margin和padding在网页中也会存在间隙

可以通过下面四种方法消除其中的间隙:

letter-spacing属性增加或减少字符间的空白(字符间距)。letter-spacing : normal | length 其中length可以为负值。

解决方案一:

把a标签的代码显示为一行,然后再html页面刷新浏览器查看效果,发现a标签之间的间距不见了。

方案二:

把a标签还是恢复为每个标签显示一行,然后设置a标签父类的样式为:font-size:0接着把a标签的字体样式设置为:font-size:14px最后在浏览器上刷新页面发现a标签之间的间距没有了

总结:

解决标签之间间距的方案有两个:

把元素写成一行,缺点:会让代码看起来非常的凌乱;

把父类设置font-size:0,缺点:标签必须要设置字体大小,否则将看不到标齐的文字。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7205348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存