Pemusatan menegak dan mendatar imej saiz yang tidak diketahui dalam bekas yang diketahui_CSS/HTML

Melainkan dinyatakan sebaliknya, kandungan di tapak ini dibuat dengan kebenaran perkongsian dan adalah untuk kegunaan bukan komersial Sila hormati hasil kerja anda.

Dalam reka letak CSS, pemusatan menegak bagi imej yang tidak diketahui saiznya selalu menyusahkan penyemak imbas Standard hanya perlu menetapkan ketinggian garisan bekas dan penjajaran menegak: tengah imej, tetapi ia tidak berguna untuk IE, saya melihat penyelesaian kepada IE di laman web asing beberapa bulan yang lalu. Baru-baru ini, saya sering melihat rakan bertanya soalan yang sama, dan saya mencungkil kod tersebut dan mengubah suainya untuk IE.

CSS

.box{
tinggi:140px;
lebar:200px;
sempadan: padu 1px #666;
text-align:center;/*Pemusatan mendatar */
line-height:140px;
font-size:126px;/*IE dipusatkan secara menegak di sini*/
}
.box[class]{
font-size:12px ;/*Pelayar standard memerlukan nilai ini*/
}
img{
vertical-align:middle;/*Imej penyemak imbas standard berpusat secara menegak*/
}

Asal saiz fon kod asing adalah sama dengan ketinggian Selepas mencubanya, ketinggian bekas adalah lebih tinggi sedikit daripada pelayar standard saya mencuba beberapa kali untuk menolak 10% daripada ketinggian bekas saiz fon dengan cara ini, ia kelihatan hampir sama. Sebabnya masih tidak jelas.

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