菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
62
0

css如何清除a标签的block属性

原创
05/13 14:22
阅读数 1163

css如何清除a标签的block属性

a标签默认是inline行内元素,不支持设置宽高等属性。为了让a标签支持宽高属性,我们可以设置a{display: block}将它变成块级元素

同样的,清除a标签的block属性,只需要设置a{display: inline}将它的display恢复成默认的值即可。

示例:(推荐学习:CSS视频教程

a{
    display: block;
    width: 120px;
    height: 46px;
}
.clear-block{
    display: inline !important;
}
<a href="#">block元素a</a>
<a class="clear-block" href="#">inline元素a</a>

Snipaste_2019-12-18_13-29-32.jpg

Snipaste_2019-12-18_13-29-43.jpg

可以看见第二个a标签,清除了block属性。

display:block;比较常用于<a><span>这两个标签,因为他们不是块级元素,定义display:block属性后,定义width、height等和长宽相关的css属性才会生效。

发表评论

0/200
62 点赞
0 评论
收藏
为你推荐 换一批