Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memusatkan Bekas Kandungan Secara Mendatar Tanpa Menggunakan `display: table`?

Bagaimanakah Saya Boleh Memusatkan Bekas Kandungan Secara Mendatar Tanpa Menggunakan `display: table`?

Barbara Streisand
Lepaskan: 2024-12-19 00:17:15
asal
510 orang telah melayarinya

How Can I Horizontally Center a Content Container Without Using `display: table`?

Memusatkan Paparan: sebaris-blok

Dalam susun atur yang terdiri daripada bar sisi dan bekas kandungan, objektifnya adalah untuk mendatar memusatkan kandungan tanpa menggunakan lebar tetap. Semasa menggunakan paparan: jadual mencapai ini, ia tidak diutamakan. Artikel ini meneroka penyelesaian alternatif menggunakan display:inline-block.

Untuk memusatkan kandungan, CSS berikut boleh digunakan:

body {
    text-align: center;
}

.wrap {
    display: inline-block;
}
Salin selepas log masuk

Dalam pengubahsuaian ini, paparan: jadual dialih keluar daripada .bungkus. Selain itu, penjajaran teks: tengah ditambahkan pada kandungan, memastikan kandungan dipusatkan dalam ruang mendatar yang tersedia.

Kaedah alternatif ini mencapai kesan pemusatan yang diingini tanpa memerlukan paparan: jadual. Ia merupakan pendekatan yang lebih mudah dan fleksibel yang boleh menyesuaikan diri dengan pelbagai senario reka letak.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Bekas Kandungan Secara Mendatar Tanpa Menggunakan `display: table`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan