img/input等部分标签是行内标签，为什么也可以设置宽和高

Posted 2021-03-22 ustc-yy

常见标签分类
在平常的学习中，我们应该都知道 html 标签可以分为块级标签和行内标签
常见的块级标签有：ul、ol、li、form、h1-h6、hr、p、table、div 等
常见的行内标签有：a、button、br、img、input、label、select、span 等
但细心的同学就会发现，尽管 img 是行内标签，但是我们仍然可以给其设置宽和高，这里就涉及到另一个概念

另一种分类：可替换标签和不可替换标签
可替换标签：标签的具体显示内容要根据其属性来决定的标签就是可替换标签，如 img、input、textarea、select 等
不可替换标签：标签的具体显示内容直接呈现给用户端的标签就是可替换标签
所有的可替换标签都是可以设置宽高的
几乎大部分的可替换标签都是行内标签

如何给不是可替换标签的行内标签设置宽和高
使用 display:block;
使用 display：inline-block;
给行内标签添加 float 来设置宽高，因为不论什么元素本身是什么，当它浮动时就会生成一个块级框
————————————————
版权声明：本文为CSDN博主「WinstonLau」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/WinstonLau/article/details/89353609