css實現在div水平垂直置中與圖片水平置中的效果

div置中的完美解決方案！ （水平垂直置中）

1,關於置中使用css為：

代碼如下	複製代碼
position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2; 對於ie6,只能把position:改成absolute;

圖片在div中置中

利用圖片的margin屬性將圖片水平置中，利用div的padding屬性將圖片垂直置中。

方法一：
css代碼如下：

代碼如下	複製代碼
div {width:300px; height:150px; background-color:#eee; padding-top:50px; border:#000 1px solid;} img {display:block; margin:0 auto;}

備忘：

img是內嵌元素，要設定其margin屬性使其置中，就要將其轉換為塊元素display:block;然後利用margin:0 auto;實現圖片的水平置中；（有的設計師為圖片再加個div標籤，然後通過div標籤的margin實現置中

思路：利用text-align屬性將圖片水平置中，然後設定padding-top的值使其垂直置中。

方法二：

css樣式如下：

代碼如下	複製代碼
div {width:300px; height:150px; background-color:#ccc; border:#000 1px solid; text-align:center; padding-top:50px;}