如果你在某个div的内容加入了多个A标签的超级链接,那么可能会导致这样的问题:超链接对象之间的间距有一定距离,无论你怎么调整还是有间距,遇到这种问题,应当使用下面的办法来处理:
第一种办法:从超链接本身入手
很多人为了层次结构明朗,通常会让超链接换行显示,这样看起来比较有层次感,也利于查看和修改,然而,问题就是这样产生的,因为这些超链接之间就有了空格,虽然你看不到,但是在显示的时候,就会有间距了。
比如说,原来是这样的:
<a href="##">大众</a>
<a href="##">青山</a>
<a href="##">小昆虫</a>
改为下面这样:
<a href="##">大众</a><a href="##">青山</a><a href="##">小昆虫</a>
所以,不要让超链接换行,而是一个接一个的写A标签,直至这些对象自动换行。这样问题就解决了。
第二种方法:设置div的属性
通过设置div对象的margin-left: -8px属性即可解决,只要一个负值,这个负值到底要多大,这个得根据你的情况而定,一般,弄个负8px也差不多了,值得关注的是,如果这个负责足够的大或比较大,div内部的对象也不会产生重叠的现象,好处就在这里了。因此,这个值可以设置稍为大一点。
第三种方法:设置div的字符间距和单词间距
假设你的div的ID是div1,那么就可以使用下面的两种CSS的其中一个,或两个都用。
设置字符间距的CSS,设置为负值哦
.div1 {
letter-spacing: -3px;
}
.div1 a {
letter-spacing: 0;
}
设置单词间距的CSS,设置为负值哦
.div1 {
word-spacing: -6px;
}
.div1 a {
word-spacing: 0;
}