Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Rumah > hujung hadapan web > tutorial css > teks badan

Bagaimanakah anda menjajarkan elemen `` secara menegak dalam ``?

Mary-Kate Olsen

Lepaskan： 2024-11-01 03:06:02

asal

108 orang telah melayarinya

How do you vertically align `` elements within a ``?

Penjajaran Menegak bagi

Elemen dalam

Dalam dokumen HTML anda, anda telah mencipta senarai mendatar (

elemen. Anda ingin menjajarkan setiap
secara menegak dalam senarai.

Satu penyelesaian ialah menetapkan sifat ketinggian garis agar sepadan dengan ketinggian
elemen. Sebagai contoh, jika
s anda mempunyai ketinggian 30 piksel, anda akan menetapkan:
```
<code class="css">li {
    height: 30px;
    line-height: 30px;
}</code>
```
Salin selepas log masuk
Ini akan memusatkan kedua-dua
sempadan dan kandungannya secara menegak. Dengan menggunakan ketinggian garisan, anda boleh menjajarkan elemen dengan mudah berdasarkan ketinggiannya, memastikan kedudukan menegak yang betul dalam

sumber：php.cn

Artikel sebelumnya：Bagaimana untuk Memusatkan Item Flex dalam Bekas dengan Elemen Sekitar Tidak Sekata? Artikel seterusnya：Bagaimana untuk Memusatkan Pautan Navbar dalam Twitter Bootstrap?

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

1724

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

1880

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1591

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...