Html中常见的块级元素和行内元素

块级元素

• 每个块级元素独占一行(writing-mode水平书写)或一列(垂直书写)
• 可设定宽度和高度，默认宽度为父元素宽度的100%（即使设定了小于父元素宽度的值，也独占一行（水平书写））
• margin，padding在水平和垂直方向都有效果
• 一般做其他元素的容器使用

常见块级元素：

div, p, pre, h1-h6, ul, ol, li, table, form, hr, audio, video, canvas, section, header, footer, nav, aside, article, address 

行内元素

• 按顺序排列，不会独占一行或一列
• 无法设置宽度和高度，宽度取决于内容，高度取决于字体大小
• margin，padding只在水平方向(writing-mode水平书写)或垂直方向(垂直书写)有效果
• 行内元素无法包含块级元素

常见行内元素：

span, a, code, br, i, small, strong, abbr, sub,sup

行内块

在行内元素的基础上可以设置宽度和高度，margin和padding在两个方向都有效果

常见行内块元素：

input, textarea, select, button, img