Rumah > hujung hadapan web > tutorial css > Teroka application_CSS/HTML penjajaran menegak

Teroka application_CSS/HTML penjajaran menegak

WBOY
Lepaskan: 2016-05-16 12:10:54
asal
1744 orang telah melayarinya

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

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan