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 属性。

详细说明：

要让盒子水平居中，需要执行以下步骤：

1. 为盒子设置 display: inline-block; 属性。 这将使盒子成为块级元素，并允许对其进行水平设置。
2. 为盒子的父容器设置 text-align: center
Butiran:

Untuk menjadikan kotak mendatar tengah, anda perlu melakukan langkah berikut:

1. Tetapkan atribut display: inline-block; untuk kotak .

   Ini akan menjadikan kotak elemen tahap blok dan membolehkannya ditetapkan secara mendatar.

2. Tetapkan atribut text-align: center untuk bekas induk kotak.
   Ini akan mendatar memusatkan semua elemen peringkat blok dalam bekas induk, termasuk kotak.

   Contoh Kod:

   <code class="css">#parent {
     text-align: center;
   }
   
   #box {
     display: inline-block;
   }</code>

   Salin selepas log masuk

   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!