Rumah  >  Artikel  >  hujung hadapan web  >  Teroka application_CSS/HTML penjajaran menegak

Teroka application_CSS/HTML penjajaran menegak

WBOY
WBOYasal
2016-05-16 12:10:541675semak imbas

Perbandingan dengan valign

Penjelasan penjajaran menegak dalam manual Xiaoyu ialah: menetapkan atau mendapatkan semula penjajaran menegak kandungan objek. Apa yang saya kurang faham ialah kategori penjajaran menegak ialah “atribut/teks”

O3noBLOG terutamanya menekankan perbezaan antara penjajaran menegak dan penjajaran Sesungguhnya, aplikasi penjajaran menegak yang paling biasa berada dalam td , mengawal kedudukan objek dalaman, dan sangat serupa dengan atribut valign td.

valign mempunyai empat parameter: atas, garis dasar, bawah, tengah Secara relatifnya, penjajaran menegak juga mempunyai nilai atribut yang sama:

Teroka application_CSS/HTML penjajaran menegak

Merupakan pilihan yang baik untuk menggunakan vertical-align:top; untuk mengelakkan valign="middle" lalai td, anda juga boleh menggunakan vertical-align:middle; sudah pasti tidak sah untuk div.

Demonstrasi kesan: http://www.rexsong.com/blog/attachments/20...1246_valign.htm

Perbandingan dengan align

Ikuti petua w3 dan gunakan jajaran menegak pada objek sebaris, seperti kawalan img, jadi ia serupa dengan atribut jajaran img.

Apabila menggunakan align="absmiddle" untuk mengawal img supaya benar-benar berpusat, anda juga boleh cuba menggunakan vertical-align:middle; untuk perbandingan untuk melihat dengan lebih jelas:

Teroka application_CSS/HTML penjajaran menegak


Jadi pemusatan mutlak sebenar ialah align="absmiddle", yang tidak boleh digantikan dengan menggunakan CSS.

Demonstrasi kesan: http://www.rexsong.com/blog/attachments/20...41444_align.htm

aplikasi dalam talian

digunakan untuk menentukan kedudukan menegak objek sebaris, lihat dua contoh:

Gambar kecil: http://www.rexsong.com/blog/attachments/20.. . ignmenttest.htm
Imej besar:http://www.rexsong.com/blog/attachments/20...rticalalign.htm

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn