Masalah pemusatan menegak dan mendatar imej tidak diketahui dalam container_CSS/HTML

Dalam susun atur CSS, pemusatan menegak imej yang tidak diketahui saiznya selalu menjadi masalah pelayar Standard hanya perlu menetapkan ketinggian garisan kontena dan menegak-sejajar: tengah-tengah imej itu. Beberapa beberapa bulan yang lalu, saya melihat penyelesaian kepada IE di laman web asing Saya tidak fikir ia sesuai dan saya tidak mengambil serius. Baru-baru ini, saya sering melihat rakan bertanya soalan yang sama, dan saya mencungkil kod tersebut dan mengubah suainya untuk IE.

CSS
.kotak{
tinggi:140px;
lebar:200px;
sempadan: pepejal 1px #666;
sejajarkan teks: tengah;/*Pusat mendatar*/
tinggi garis:140px;
saiz fon:126px;/*IE berpusat secara menegak di sini*/
}

.kotak[kelas] {
font-size:12px;/*Pelayar standard memerlukan nilai ini*/
}

img{
vertical-align:middle;/*Imej penyemak imbas standard berpusat secara menegak* /
}

Pada asalnya, saiz fon kod orang asing adalah sama dengan ketinggian Selepas mencubanya, ketinggian bekas itu agak tinggi daripada pelayar biasa untuk mengurangkan saiz fon sebanyak 100%. Sepuluh ketinggian bekas, dengan cara ini, kelihatan lebih kurang sama. Sebabnya masih tidak jelas.

Ujian berjaya di bawah IE5.5, IE6.0, FF1.5 dan Opera9.0, tetapi ia tidak sah untuk IE5.0 dan IE7.0.