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"。