block: |
- block - 块级元素
- 常见的块级元素包括:div,form,p,table,ul,ol,dl,h1~h6,pre
- block 可以包含 inlne 和 block 和 inline-block(有的不适合,比如 p);
- block 独占一行,多个block 会另起一行;
- 默认情况下,block元素宽度自动填满父元素;
- block 可以设置 width 和 height,但还是独占一行;
- block 可以设置margin 和 padding;
|
inline: |
- inline - 行内元素(内联元素);
- 常见的行内元素包括:span,a,label,input,strong,em,select,textarea,img,br,code;
- inline 不能包含子元素;
- 多个inline都在一样显示,直到放不下,才会另起一行。
- inline 元素设置 width 和 height 无效,宽度是内容决定的。
- inline 的 (margin-left、right) 和(padding-left、right) 是有效的,height是无效的。
|
inline-block: |
- 这个属性是让元素 既能一行,又可以设置 宽高、边距 等。
- inline-block 理论上ie低版本是不支持的,但它会触发 layout,显示出inline-block的表象。
|