Dzwebs.Net

撰写电脑技术杂文十余年

消除div内部的a标签链接间距的方法

Admin | 2015-5-22 7:32:01 | 被阅次数 | 13612

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  如果你在某个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;
  }


该杂文来自: 网页制作杂文

上一篇:页面中的不同超链接如何使用不同的样式

下一篇:纯JS添加一级二级菜单的代码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计