Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memusatkan Div Secara Mendatar Menggunakan CSS dengan Mudah?

Bagaimanakah Saya Boleh Memusatkan Div Secara Mendatar Menggunakan CSS dengan Mudah?

Susan Sarandon
Susan Sarandonasal
2024-12-23 21:46:10187semak imbas

How Can I Easily Center a Div Horizontally Using CSS?

Pemusatan Mendatar yang Mudah <div> Elemen Menggunakan CSS

Memusatkan <div> elemen pada halaman web sambil mengekalkan lebar minimum boleh dicapai dengan mudah menggunakan CSS. Untuk mencapai ini:

Untuk Lebar Tidak Tetap <div> Elemen:

Jika anda tidak mengetahui ruang yang tepat, <div> akan menduduki, ikuti langkah berikut:

  1. Buat bekas pembalut (#wrapper) dengan lebar yang ditentukan dan selaraskan teks di dalamnya secara manual (iaitu, penjajaran teks: tengah;).
  2. Tetapkan <div> untuk dipusatkan sebaris menggunakan paparan: blok sebaris;.
#wrapper {
  background-color: green; /* for visualization */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for visualization */
  display: inline-block;
}
<div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Div Secara Mendatar Menggunakan CSS dengan Mudah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn