一、不同属性值的特点
- display: inline;
元素本身是行内元素,即display属性默认值是inline;或者是覆盖块级元素的display属性为inline,都满足以下特点:
- 不从新行开始,仅占用所需的宽度;
- 设置元素的height,width的属性无效,大小仅由内容撑开;
- 可以使用padding上下左右都有效,margin只有left和right产生边距效果,但是top和bottom无效
关于padding的特殊情况,padding-top和padding-bottom不会包含在父级元素中,仅仅是元素的内容(content)部分会包含在元素中。
- display: block;
- 从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)。通俗的讲,在不设置自己的宽度的情况下,块级元素会默认填满父级元素的宽度.;
- 可以设置元素的height,width的属性
- 可以设置padding,margin的各个属性值,top,left,bottom,right都能够产生边距效果.
- display: inline-block;
- 结合了上述inline的第1个特点和block的第2,3个特点.