在HTML中關(guān)于元素居中有哪些需要注意的事項(xiàng)

1、在html中關(guān)于元素居中有哪些需要注意的事項(xiàng)不用法定位水平居中：text-align=center;（可繼承）豎直居中：margin:0auto;(塊級(jí)元素)其他居中：1.文字居中：父元素設(shè)置高子元素設(shè)置高line-height=height(父元素)2.居中：vertical-aign：middle;不用法定位（1）.secondwidth:300px;height:100px;background-color:green;.s_childwidth:150px;line-height:100px;不用法定位（2）2.定位居中a.父元素高度固定父元素：相對(duì)定位子元素：肯定定位top:50%（

2、父元素高度的一半）left:50%margin-top:自己的高度一半；（加負(fù)號(hào)）margin-left:自己寬度的一半；（加負(fù)號(hào)）.dw_onewidth:600px;height:300px;position:absolute;background:black;.dw_one_childbackground:white;position:relative;width:50px;height:50px;top:50%;left:50%;margin-top:-25px;margin-left:-25px;ab.父元素高度不固定.wrapperwidth:600px;height:600px;

3、.dw_twowidth:100%;height:100%;position:absolute;background:black;.dw_two_childbackground:white;position:relative;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-t

4、ransform:translate(-50%,-50%);a3.關(guān)于多行文本的居中用法display:table;display:table-cell;vertical-align:middle;居中outerwidth:200px;height:200px;background:cccccc;display:table;_position:relative;/"_"為了兼容ie6innerdisplay:table-cell;vertical-align:middle;_position:absolute;_top:50%;content_position: