Bagaimanakah Saya Boleh Memusatkan Elemen Blok Menggunakan Hanya `display: inline-block` dalam CSS?

Paparan Berpusat dengan Blok Sebaris dalam CSS

Dalam kod yang diberikan, teks kandungan dijajarkan ke tengah menggunakan penjajaran teks: tengah . Kelas .wrap, yang sebelum ini menggunakan paparan: jadual untuk penjajaran, kini menggunakan paparan: inline-block. Ini membolehkan reka letak yang lebih fleksibel berbanding menggunakan paparan seperti jadual.

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

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

Dengan perubahan ini, elemen .wrap mengekalkan penjajarannya ke tengah halaman sambil membenarkan kandungan di dalamnya mengalir secara semula jadi, seolah-olah ia adalah sebahagian daripada teks sebaris. Pendekatan ini menghapuskan keperluan untuk paparan tambahan: peraturan jadual, menghasilkan kod CSS yang lebih diperkemas dan serba boleh.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Elemen Blok Menggunakan Hanya `display: inline-block` dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!