六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2015-5-22 7:32:01 | ReadNums | 9777 | 标签 网页制作 | 打印本页
     

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


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日