Bolehkah saya Memusatkan Elemen Blok Sebaris Tanpa Menggunakan `display: table`?

Css Centering Display Inline Block

Soalan:

Dalam kod yang berfungsi, penjajaran tengah kelas bungkus ialah dicapai menggunakan paparan: jadual. Walau bagaimanapun, pengguna menyatakan keutamaan untuk menggunakan display: block atau display: inline-block sebaliknya. Timbul persoalan: adakah terdapat pendekatan alternatif untuk mencapai penjajaran tengah tanpa bergantung pada paparan: jadual?

Penyelesaian:

Untuk menangani perkara ini, cuma perkenalkan penjajaran teks: tengah ke badan dan paparan: blok sebaris ke kelas bungkus sambil menghapuskan paparan: sifat jadual. Pengubahsuaian ini berkesan memusatkan kandungan dalam kelas bungkus tanpa menjejaskan paparan yang diingini: blok sebaris. Berikut ialah CSS yang diubah suai:

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

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

Atas ialah kandungan terperinci Bolehkah saya Memusatkan Elemen Blok Sebaris Tanpa Menggunakan `display: table`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!