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
Barbara Streisandasal
2024-12-19 00:17:15513semak imbas

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;
}

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!

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
Artikel sebelumnya:Antara Muka Aplikasi PembayaranArtikel seterusnya:Antara Muka Aplikasi Pembayaran