CSS---标签居中

标签居中：

水平居中	text-align:center	针对行级元素，行级块元素有效
	margin:0 auto	针对块级元素有效
垂直居中	line-height:10px; height:10px
	vertical-align: middle;	针对行级元素有效
	定位： 父元素position:relative; 子元素position: absolute;         left: 50%;         top: 50%;         margin-left: -子元素宽度的一半;         margin-top: -子元素高度的一半;

标签元素划分：

标签元素划分	特点	标签
块级元素	独占一行，可以设置宽高	ul、li、form、h1-h6、hr、p、div、table
行级元素	不会独占一行，不可以设置宽高	a、big、br、em、label、span、strong
行级块元素	既可以跟其他元素共占一行，又可以设置宽高	input、select、textarea、button、img

块级元素与行级元素相互转换：

     把行级元素转成块级元素===display:block

     把块级元素转成行级元素===display:inline

    转为行级块元素===dipslay:inline-block

示例1如下：

居中效果图

    
    
    
    
    



    

        
        flower
    

示例2如下：

居中效果图

    
    
    



    

        
块级元素