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

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-600

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

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

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

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css如何清除a标签的block属性的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑