Petua untuk memusatkan imej secara menegak menggunakan pertukaran css_Experience

Kesukaran soalan terletak pada dua perkara:

Berpusat menegak;
Gambar adalah elemen gantian dengan beberapa ciri khas. ,
Mengenai cara membetulkannya, berikut ialah pertukaran penyelesaian yang agak bersih dan ringkas CSS:

.kotak {
/*Kaedah pemusatan menegak yang diiktiraf oleh penyemak imbas arus perdana selain IE*/
paparan: sel jadual;
vertical-align:middle;

/*Tetapkan pemusatan mendatar*/
text-align:center;

/* Hack untuk IE */
*paparan: blok;
*saiz fon: 175px;/* ialah kira-kira 0.873 daripada ketinggian, 200*0.873 ialah kira-kira 175*/
*font-family:Arial;/*Cegah masalah kegagalan penggodaman yang disebabkan oleh bukan utf-8, seperti pengekodan gbk*/

lebar:200px;
ketinggian:200px;
sempadan: 1px pepejal #eee;
}
.imej kotak {
/*Tetapkan imej untuk berpusat menegak*/
vertical-align:middle;
}

Sudah tentu ada penyelesaian lain, yang saya tidak akan mendalami di sini.