当前位置:  开发笔记 > 后端 > 正文

CSS标签元素之间的CSS不需要的间距

如何解决《CSS标签元素之间的CSS不需要的间距》经验,为你挑选了3个好方法。

我有这个样式表:

*{
    padding: 0px;
    margin: 0px;
}

a{

  background:yellow;

}

和这个网页:

Home
About
Contact    

结果是:

在此输入图像描述

如何让这些锚标签相互"接触",消除其间不需要的空间?

谢谢卢卡



1> Alex Feinman..:

您需要删除标记之间的空格(在本例中为换行符).有些浏览器会将其渲染为空格.


显然有些=全部.;)我没有每个网络浏览器的经验,所以我没有做出全面的声明......

2> Šime Vidas..:

您可以使用此技巧摆脱空间:

HTML:


CSS:

#test { font-size:0; }
#test a { font-size:16px; background:yellow; }

现场演示: http ://jsfiddle.net/quucy/


请谨慎使用此代码,因为您可能会将Web抓取工具解释为滥用,因为您明确地将文本隐藏在包含链接的元素中.确实,由于更高的特异性规则,链接本身是可见的,但仍然网络爬虫看到容器内的一堆链接,告诉所有的祖先隐藏他们的文本内容.

3> Lukáš Řádek..:

我想我可能会找到一种非常酷的解决方法:-).我开始使用填充空< span >s等的事实.

因此,如果你想保持你的新线结构并且不想要它们之间的空格......只需在线的末尾打开一个块注释,然后在新线之前将其结束. < anchor >

像这样:


和演示:http://jsfiddle.net/Lukis/reZG2/1/

推荐阅读
李桂平2402851397
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有