Bolehkah Inline-Block dengan Text-Align: Center Gantikan Paparan: Jadual untuk Mendatar Tengah?

Paparan Tengah dengan Blok Sebaris: Penyelesaian Alternatif

Apabila menjajarkan elemen berpusat secara mendatar dengan balut, pendekatan biasa ialah menggunakan paparan: jadual untuk pembalut. Walau bagaimanapun, sesetengah mungkin lebih suka penyelesaian menggunakan paparan: blok atau paparan: blok sebaris.

Penyelesaian awal mengemukakan isu: "balut" paparan yang diperlukan: jadual untuk mencapai penjajaran yang diingini. Pendekatan yang diubah suai muncul dengan pengenalan penjajaran teks: tengah digunakan pada elemen badan dan paparan: blok sebaris diperuntukkan pada balut. Dengan mengalih keluar paparan: jadual, kami mendapat penyelesaian alternatif yang menjajarkan elemen berpusat dengan berkesan tanpa mengenakan had lebar tetap.

Kod Kemas Kini:

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

Pengubahsuaian ini mengekalkan penjajaran yang diingini sambil menawarkan pendekatan yang lebih bersih dan berpotensi pilihan untuk senario tertentu.

Atas ialah kandungan terperinci Bolehkah Inline-Block dengan Text-Align: Center Gantikan Paparan: Jadual untuk Mendatar Tengah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!