盒模型说明

行内元素有哪些? 块级元素有哪些

块级元素：

div, p  ,form, ul, li, ol, dl, form,  address, fieldset, hr, menu, table...

• 总是从新行开始
• 高度, 行高, 外边距以及内边距都可以控制
• 宽度默认是容器的100%
• 可以容纳内联元素和其他块元素

行内元素

常见的行内元素有 <a>, <strong>, <b>, <em>, <del>, <ins>, <u>, <span>, <s>, <i>, <label>等
其中<span>标签是最典型的行内元素

• 和相邻行内元素在一行上.
• 宽, 高无效, 但水平方向的padding和margin可以设置, 垂直方向的无效.
• 默认宽度就是它本身内容的宽度
• 行内元素只能容纳文本或其他行内元素. (a特殊)

行内块元素:

在行内元素中有几个特殊的标签--<img />, <input>, <td>, 可以对它们设置宽高和对齐属性, 有些资料可能称它们为行内块元素.

• 和相邻行内元素(行内块)在一行上, 但是之间会有空白缝隙
• 默认宽度就是它本身内容的宽度
• 高度, 行高, 外边距以及内边距都可以控制
• 行内块可以使用 text-align: center 来实现居中
• 也可以使用 vertical-align: middle 来对齐;