国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Penjajaran menegak imej dalam teks

Contoh ini menunjukkan:

Cara untuk menetapkan penjajaran menegak teks pada imej.

Contoh analisis:

atribut penjajaran menegak menetapkan penjajaran menegak elemen.

Penerangan: Atribut penjajaran menegak mentakrifkan penjajaran menegak garis dasar elemen sebaris berbanding garis dasar baris di mana elemen itu berada. Membenarkan menentukan nilai panjang negatif dan nilai peratusan. Ini merendahkan elemen dan bukannya menaikkannya. Dalam sel jadual, sifat ini menetapkan penjajaran kandungan sel dalam kotak sel.

Anda boleh menetapkan nilai atribut berikut:

● garis dasar: Nilai lalai, elemen diletakkan pada garis dasar elemen induk. ?

 ●sub: Subskrip teks yang dijajarkan secara menegak.

● super: Jajarkan superskrip teks secara menegak

 ● Atas: Jajarkan bahagian atas elemen dengan bahagian atas elemen paling tinggi dalam baris

● Jajarkan atas-atas: Teks elemen dengan fon elemen induk Penjajaran atas

 ●tengah: Letakkan elemen ini di tengah-tengah elemen induk.

● bawah: Jajarkan bahagian bawah elemen dengan bahagian atas elemen paling rendah dalam baris.

● Teks-bawah: Jajarkan bahagian bawah elemen dengan bahagian bawah fon elemen induk. ?

● panjang:

● ● %: Gunakan nilai peratusan atribut "line-height" untuk menyusun elemen ini. Nilai negatif dibenarkan.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <style> img.top {vertical-align:text-top;} img.bottom {vertical-align:text-bottom;} </style> </head> <body> <p>一個(gè)<img src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" />默認(rèn)對齊的圖像。</p> <p>一個(gè)<img class="top" src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" /> text-top 對齊的圖像。</p> <p>一個(gè)<img class="bottom" src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" /> text-bottom 對齊的圖像。</p> </body> </html>