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

作者 : MOOMOO 本文共354个字,预计阅读时间需要1分钟 发布时间: 2022-04-25 共17人阅读

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

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » a标签换行排版问题 / a标签padding无效问题-解答

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论