# img/input 等部分标签是行内元素,为什么也可以设置宽高?

# 常见标签分类:

html 标签可以分为块级元素和行内元素

  1. 常见的块级元素有:ul、ol、li、form、h1-h6、hr、p、table、div 等
  2. 常见的行内元素有:a、button、br、img、input、label、select、span 等

# 另一种分类:可置换元素和不可置换元素

  1. 可置换元素:标签的具体显示内容要根据其属性来决定的标签就是可置换元素,如 img、input、textarea、select 等
  2. 不可置换元素:标签的具体显示内容直接呈现给用户端的标签就是不可替换元素
    置换元素就是会根据标签属性来显示的元素,反之就是不可置换元素了

置换元素一般内置框高属性,因此可以设置其框高
几乎大部分的可置换元素都是行内元素

比如 img 根据 src 属性来显示,input 根据 value 属性来显示,因此可知道 img 和 input 是置换元素,当然同理 textarea, select 也是置换元素

Last Updated: 5/6/2020, 11:48:16 AM