为什么 a 标签的 margin-top 属性可以生效?

为什么 a 标签的 margin-top 属性可以生效?

a 标签为何拥有 margin-top 值?

在此 html 结构中,css 样式 .pannel .pannel_tittle a 设定了 margin-top 属性。然而,a 标签默认是行内元素,而行内元素通常不能应用 margin-top 属性。

要让 a 标签的 margin-top 生效,必须将其转换为块元素。此时,CSS 应当加入如下 display 声明:

a {   display: block; }
登录后复制

开发者工具可以用来检查元素的实际 display 值,通过在 Styles 面板中检查 CSS 规则,并在 Computed 面板中检查应用的属性值,即可找到 a 标签的 display 为 block。这证实了 a 标签已转换为块元素,从而使其 margin-top 属性生效。

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容