块级元素和行内元素
常见块级(block)元素,(可以设置宽高,会自动换行)
div h1-h6 ul ol li p form table label等
常见的行内(inline)元素,(无法设置宽高,无法自动换行)
span a i(斜体) em(强调) sub(下标) sup(上标)等
常见的内联-块级(inline-block) 元素,(可以设置宽高,无法自动换行)
img button input textarea select等
inline的特点:
- 对外:与其他inline/inline-block元素在同一行排列,直到放不下了换行排列。
- 对内:无法设置宽高和内边距,宽高由自身的内容决定。
block的特点:
- 对外:一个元素占一整行,随后的元素另起一行。
- 对内:可以设置宽高和内边距。
inline-block的特点:
具有inline的对外特点,同时具有block的对内特点。