为什么a标签不能设置宽高？

最新推荐文章于 2022-12-25 14:47:51 发布

likefast

最新推荐文章于 2022-12-25 14:47:51 发布

阅读量3.6k

点赞数 2

本文链接：https://blog.csdn.net/likefast/article/details/99987894

版权

给a标签设置了css样式：width:200px;height:50px;，它依然不变。因为a标签是行内元素，所以给它设置宽高的时候，首先要把它转换为块元素，代码如下：


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            a{border:1px solid red;width:200px;height:50px;display:inline-block;}
        </style>
    </head>
    <body>       
        <a>a元素</a>        
    </body>
</html>

display:inline-block;就可以将它转换成快元素了，span元素也是如此。