Bagaimana untuk Mendatar Memusatkan Div dengan CSS?

Cara Menjajarkan

Mendatar Menggunakan CSS

Apabila cuba menjajarkan

elemen secara mendatar, CSS menawarkan penyelesaian yang mudah. Untuk mencapainya, ikuti langkah berikut:

Untuk lebar tidak tetap

:

• Buat pembalut
  dan tetapkan sifat penjajaran teksnya ke tengah. Ini akan memusatkan teks dan elemen sebaris di dalamnya.
• Di dalam pembungkus, letakkan
  dengan kandungan yang diingini.
• Tetapkan sifat paparan
  untuk menyekat sebaris untuk memastikan ia selaras dengan elemen lain.
• Secara pilihan, anda boleh menetapkan warna latar belakang untuk
  dan pembalut untuk tujuan visualisasi.

Atas ialah kandungan terperinci Bagaimana untuk Mendatar Memusatkan Div dengan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Bagaimana untuk Melaksanakan Pengesahan Bahagian Klien pada Kotak Teks Ditambah Secara Dinamik dalam Jadual? Artikel seterusnya：Bagaimanakah Saya Boleh Mengubah Saiz Imej dalam HTML Sambil Mengekalkan Nisbah Aspek?

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

Isu terkini

• Fungsi tanpa pelayan: Rahsia Pasukan Front-Productive Ultra-Productive
  2025-03-23 10:50:15
• Adakah sifat tersuai adalah 'menu apa yang akan berubah'?
  2025-03-23 10:39:15
• Pautan pada komponen web
  2025-03-23 10:35:11
• Menggunakan harta `Outline` sebagai sempadan yang boleh dilanggar
  2025-03-23 10:34:11
• CSS-Tricks Chronicle XXXXI
  2025-03-23 10:33:10

Topik-topik yang berkaitan

Lagi>

• Apakah kaedah analisis data?
• Apa yang salah dengan telefon bimbit saya yang boleh membuat panggilan tetapi tidak melayari Internet?
• Apakah sifat kecerunan css3?
• Apakah teg artikel yang digunakan untuk menentukan?
• Win10 tidak menyokong penyelesaian susun atur cakera perisian tegar Uefi
• Bagaimana untuk membuat halaman web dalam python
• python mengkonfigurasi pembolehubah persekitaran
• Apakah corak reka bentuk yang digunakan oleh laravel?
• Penggunaan kesatuan dalam bahasa c

Cadangan popular

• Bagaimana untuk menetapkan css untuk melebihi elips paparan
• css怎么设置字体大小
• css中的hover怎么用
• Bagaimana untuk menetapkan jarak aksara dalam css
• css3新特性有哪些

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1439204
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4300392
• 
  Tutorial Video Permulaan JAVA

  2680828
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  517845
• 
  Tutorial pengenalan berasaskan sifar PHP

  879289

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1439204 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2680828 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  517845 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  217249 kali belajar
• 
  Kuasai tutorial video PS dari awal

  924611 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  9982 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  8037 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  6831 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  849 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  33308 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
• [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
• [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
• [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
• [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
• [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
• [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
• [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu