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
Lepaskan: 2024-12-23 21:46:10
asal
222 orang telah melayarinya

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;
}
Salin selepas log masuk
<div>
Salin selepas log masuk

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 Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan