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

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

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

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

二、说点有用的

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

    为a标签设置

    display:inline-block;

    或

    display:block;

    或

    float:left

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

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

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

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

line-height:30px;

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

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/383.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。