Bagaimana cara memusatkan teks secara vertikal dan Div secara horizontal?
Bagaimana cara memusatkan teks secara vertikal dan Div secara horizontal?

Video: Bagaimana cara memusatkan teks secara vertikal dan Div secara horizontal?

Video: Bagaimana cara memusatkan teks secara vertikal dan Div secara horizontal?
Video: Cara mudah mengatur Element HTML di tengah secara Vertikal dan Horizontal 2024, Mungkin
Anonim

Untuk keselarasan vertikal , atur lebar/tinggi elemen induk menjadi 100% dan tambahkan display: table. Kemudian untuk elemen anak, ubah tampilan menjadi sel tabel dan tambahkan vertikal - meluruskan : Tengah. Untuk pemusatan horizontal , Anda juga bisa menambahkan teks - meluruskan : Tengah ke Tengah NS teks dan elemen turunan sebaris lainnya.

Sederhananya, bagaimana Anda menyelaraskan teks secara vertikal?

Tetapkan posisi absolut dan margin negatif Kita bisa menyelaraskan teks secara vertikal dengan posisi dan properti margin yang digunakan dengan elemen level blok. Jangan lupa untuk mengatur ketinggian elemen yang Anda inginkan Tengah . Setel atas: 50%; dan kiri: 50%; ke Tengah pojok kiri anak.

Selanjutnya, bagaimana cara memusatkan div secara horizontal? Mari kita lihat pemusatan a secara horizontal langkah demi langkah:

  1. Atur lebar elemen luar (yaitu 100% menutupi seluruh garis).
  2. Atur properti margin ke auto untuk memusatkan elemen secara horizontal di dalam halaman.
  3. Atur warna pilihan Anda untuk div luar dan dalam menggunakan properti background-color.

Sehubungan dengan ini, bagaimana Anda memusatkan secara horizontal dan vertikal?

  1. Klik sel tempat Anda ingin memusatkan konten.
  2. Klik "Beranda", lalu klik panah kecil di sudut bawah area "Perataan" pada pita.
  3. Klik kotak tarik-turun di sebelah "Horizontal" dan pilih "Tengah". Lakukan hal yang sama pada kotak di sebelah "Vertikal".
  4. Klik "OK" untuk memusatkan teks Anda.

Bagaimana cara memusatkan div secara vertikal?

Vertikal penyelarasan konten dengan JavaScript & CSS menunjukkannya. Cara modern untuk Tengah sebuah elemen Tegak lurus akan menggunakan flexbox. Anda membutuhkan orang tua untuk memutuskan tinggi dan anak untuk Tengah . Contoh di bawah ini akan Tengah A div ke Tengah dalam browser Anda.

Direkomendasikan: