<div>
<p><img /></p>
</div>
一 div顯示為表格框 (本人未測試通過)
div{display:table-cell; /* 也可為table等 */
vertical:middle; /* 只有firefox在去掉以上屬性時，支持此屬性 */
}
二 采用絕對地址和外邊距居中 （推薦,不用看也可以通過）
div{position:relative; /* 可無需設置left等，此屬性主要是為內部標簽p定位 */
height:xxpx;
}
p{position:absolute;
margin-top:－(自身高度/2);
}
三 定義p{inline-block;.....}為行框來填充img的上面距離實現(xiàn)居中。代碼略。(未測試)
四 元素內元素垂直居中 （定位不是十分精確，差別不大，好像只適用于單行。測試通過）
div{line-height:500px; /* line-height與height相同 */
height:500px;
}
posted on 2009-10-15 16:05
紫蝶∏飛揚↗ 閱讀(478)
評論(0) 編輯 收藏 所屬分類:
CSS 、
div+css+js代碼