Berikut adalah beberapa teknik mudah untuk penjajaran menegak:

Penjajaran menegak baris tunggal: tengah

Yang ini mudah: tetapkan ketinggian baris elemen teks sama dengan ketinggian baris bekas

  Doesn't work. 

Jalur menegak berbilang baris: bawah

Letakkan div dalam secara mutlak berbanding bekasnya

 
This is positioned on the bottom
 

Jalur menegak berbilang baris:tengah

 
This is positioned in the middle
 

Jika anda mesti menyokong versi lama IE

Untuk membolehkan ini berfungsi sepenuhnya, anda perlu membuat beberapa perubahan pada CSS. Nasib baik, terdapat pepijat IE yang memihak kepada kami. Tetapantop:50%，在内部 div 上设置top:-50%pada bekas memberikan hasil yang sama. Kami boleh menggabungkan kedua-duanya menggunakan ciri lain yang IE tidak menyokong: pemilih CSS lanjutan.

 
 
 
Works in everything!
 
 

Ketinggian bekas boleh ubah jajar menegak:tengah

Penyelesaian ini memerlukan penyemak imbas yang lebih moden sedikit daripada penyelesaian lain kerana ia menggunakan atributtransform:translateY. (http://caniuse.com/#feat=transforms2d)

Menggunakan 3 baris CSS berikut pada elemen akan memusatkannya secara menegak dalam elemen induknya, tanpa mengira ketinggian elemen induk:

position: relative; top: 50%; transform: translateY(-50%);

Sebenarnya, dalam kes ini, ia sangat mudah: gunakan penjajaran menegak pada imej. Memandangkan semuanya berada pada satu baris, anda sebenarnya menjajarkan imej, bukan teks.

 
  Works.