Gunakan CSS untuk memecahkan masalah pemusatan vertikal gambar IMG
Penulis:Eve Cole
Waktu Pembaruan:2009-06-12 17:52:58
Seperti yang kita ketahui bersama, jika Anda ingin menyelaraskan gambar dan teks secara vertikal di tengah, Anda dapat menambahkan atribut align=absmiddle di bawah tag IMG. Namun, atribut align=absmiddle gagal dalam verifikasi W3C IMG? Atribut align=absmiddle dapat digunakan untuk mencapai pemusatan vertikal. Anda dapat menambahkan vertical-align:middle; ke CSS untuk mencapai ini:
<div><img style="vertical-align:middle;" src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />Gunakan CSS untuk mencapai perataan tengah vertikal gambar dan teks</div><br /> <br />
<div><img src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />Ini adalah efek tanpa menambahkan gaya</div><br /><br />
<div><img align=absmiddle src="/uploadfile/png/IconBuffet/Redmond/close_32.png" />Ini menggunakan align=absmiddle untuk mencapai perataan tengah vertikal gambar dan teks</div>
Dari segi efek, nampaknya implementasi menggunakan CSS sedikit lebih baik, namun terasa lebih baik jika mengontrolnya dengan CSS.