Bagaimana untuk Memusatkan Elemen Blok Sebaris dengan Lebar Tidak Diketahui?

Memusatkan Elemen Blok Sebaris

Adalah mungkin untuk memusatkan elemen blok sebaris menggunakan sifat penjajaran teks pada elemen bekas.

Pernyataan Masalah

Apabila menggunakan CSS untuk menggayakan elemen blok sebaris dengan lebar yang tidak diketahui, kaedah pemusatan tradisional menggunakan jidar automatik tidak berfungsi. Menetapkan lebar tetap juga bukan pilihan yang berdaya maju kerana ia akan menghalang penyerlahan elemen yang betul.

Penyelesaian

Untuk memusatkan elemen blok sebaris dengan lebar yang tidak diketahui , hanya tetapkan text-align: center; pada bekas induk. Ini akan memusatkan elemen secara mendatar dalam bekasnya.

Contoh

Pertimbangkan kod berikut:

.container {
  text-align: center;
}

.equation-element {
  display: inline-block;
}

Kod ini akan memusatkan persamaan- elemen dalam bekas, tanpa mengira lebarnya.

Demo

[Demo Langsung](https://example.com)

Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Elemen Blok Sebaris dengan Lebar Tidak Diketahui?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!