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中文网(php.cn)</title> <style> img.top {vertical-align:text-top;} img.bottom {vertical-align:text-bottom;} </style> </head> <body> <p>一个<img src="https://img.php.cn/upload/article/000/000/015/5c67d9134b166854.png" alt="w3cschool" width="150" height="50" />默认对齐的图像。</p> <p>一个<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>一个<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>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!