Bagaimana untuk memusatkan kotak div dalam html

Terdapat enam cara untuk memusatkan kotak div dalam HTML: atribut penjajaran teks, Flexbox, Grid, margin: auto, kedudukan mutlak dan atribut bekas flex. Pilihan kaedah tertentu bergantung pada saiz, lokasi dan keperluan susun atur kotak.

html Cara Pusat Kotak Div ​​

in HTML, anda boleh memusatkan kotak div dengan cara berikut:

1

<code class="html"><div style="text-align: center;">
  内容
</div></code>

3. Gunakan Grid

<code class="html"><div style="display: flex; justify-content: center; align-items: center;">
  内容
</div></code>

4 Gunakan margin: auto

<code class="html"><div style="display: grid; place-items: center;">
  内容
</div></code>

5 kaedah yang anda pilih bergantung pada saiz kotak, lokasi dan keperluan susun atur.

Atas ialah kandungan terperinci Bagaimana untuk memusatkan kotak div dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!