元素的显示方式

1.块（有宽高，上下排列）

h#  p  ol  ul  div  table  form ..

2.行内块（行内 无宽高，左右排列）

span  b  strong  i  em  u  del  a  label...

3.行内块（有宽高，左右排列）

img  input  select  textarea ...

修改元素的显示方式：

display:block;块

display:inline;行内

display:inline-block;行内块

display:none;隐藏

如果是块元素，可以直接设置宽高，使用margin:0 auto;使其垂直居中显示；

对于行内元素，可以使用vertical-align:middle;使其放置在父元素的中部；vertical-align:用于设置行内元素的垂直对齐方式。

text-align:center;用来设置块级元素内文本的水平对齐方式（center是居中显示）;

举个例子：假如想要img垂直居中显示，那么可以将img设置宽高，display:block;margin:0 auto;然后就可以达到效果啦。

小细节：尽量不要使用inherit属性值，因为任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。