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>
可以看见第二个a标签,清除了block属性。
display:block;比较常用于<a><span>这两个标签,因为他们不是块级元素,定义display:block属性后,定义width、height等和长宽相关的css属性才会生效。
© 著作权归作者所有
举报
发表评论
0/200