您现在的位置是: 首页 >  HTML/CSS HTML/CSS

a标签换行排版问题 / a标签padding-top/padding-button无效问题-解答

冬寂 2020-08-05 23:18:38 【HTML/CSS】 7823人已围观

一、a标签是内敛标签,padding-left/padding-right 是有效的

padding-top/padding-button对于内敛标签是无效的

margin对于内敛标签也是无效的

二、说点有用的

要给a标签设置padding-top、margin的一种思路是转化为块级元素,这有两种方法
  为a标签设置

    display:inline-block;

    或

    display:block;

    或

    float:left

设置其中任意一种即可,根基需求.

三、真正要说的话总是在最后

    但是设置为块级元素后a标签就不会换行了,影响排版

    我找到了一种方式

    不需要转化为块级元素,又可以模拟margin效果

       line-height:30px;

    这里的line-height值要相对设置大一些,大于两倍行距就出现了类似margin的效果,还保留了所以内联元素的特性
很赞哦! ( 3 )

站点信息

  • 建站时间:2020-08-10
  • 文章统计100篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我