美文网首页
a标签换行排版问题 / a标签padding-top/paddi

a标签换行排版问题 / a标签padding-top/paddi

作者: 戬谷stone | 来源:发表于2019-08-29 14:04 被阅读0次

    一、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的效果,还保留了所以内联元素的特性

        

    相关文章

      网友评论

          本文标题:a标签换行排版问题 / a标签padding-top/paddi

          本文链接:https://www.haomeiwen.com/subject/ueriectx.html