您现在的位置是： 首页 > HTML/CSS HTML/CSS
a标签换行排版问题 / a标签padding-top/padding-button无效问题-解答
冬寂
2020-08-05 23:18:38
【HTML/CSS】
8796人已围观
一、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的效果，还保留了所以内联元素的特性
上一篇： 采集与优化
