Rumah > Artikel > hujung hadapan web > Kod CSS untuk memusatkan kotak secara mendatar
Untuk memusatkan kotak secara mendatar, anda boleh menetapkan atribut text-align: center pada bekas induknya. Langkah-langkah khusus adalah seperti berikut: 1. Tetapkan paparan: atribut inline-block; 2. Tetapkan atribut penjajaran teks: tengah untuk bekas induk kotak.
Cara menggunakan CSS untuk memusatkan kotak secara mendatar
Jawapan langsung:
Untuk menjadikan kotak berpusat mendatar, anda boleh menetapkan atribut text-align: center
pada bekas induknya. text-align: center
属性。
详细说明:
要让盒子水平居中,需要执行以下步骤:
display: inline-block;
属性。 这将使盒子成为块级元素,并允许对其进行水平设置。text-align: center
Untuk menjadikan kotak mendatar tengah, anda perlu melakukan langkah berikut:
display: inline-block;
untuk kotak . Ini akan menjadikan kotak elemen tahap blok dan membolehkannya ditetapkan secara mendatar. Tetapkan atribut text-align: center
untuk bekas induk kotak.
Contoh Kod:
<code class="css">#parent { text-align: center; } #box { display: inline-block; }</code>
Contoh Aplikasi:
Tambahkan kod HTML dan CSS berikut ke halaman anda:
🎜🎜HTML: 🎜🎜reeee aras Pusatkan kotak dengan teks "Kotak ini berpusat secara mendatar." 🎜Atas ialah kandungan terperinci Kod CSS untuk memusatkan kotak secara mendatar. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!