Bagaimanakah saya boleh memusatkan teks secara menegak dan Div secara mendatar?
Bagaimanakah saya boleh memusatkan teks secara menegak dan Div secara mendatar?

Video: Bagaimanakah saya boleh memusatkan teks secara menegak dan Div secara mendatar?

Video: Bagaimanakah saya boleh memusatkan teks secara menegak dan Div secara mendatar?
Video: 프리미어 프로 강좌 #2. 시퀀스 만들기 2024, November
Anonim

Untuk penjajaran menegak , tetapkan lebar / tinggi elemen induk kepada 100% dan tambahkan paparan: table. Kemudian untuk elemen anak, tukar paparan kepada sel jadual dan tambah menegak - selaraskan : tengah. Untuk pemusatan mendatar , anda boleh menambah sama ada teks - selaraskan : pusat kepada pusat yang teks dan mana-mana elemen kanak-kanak sebaris lain.

Ringkasnya, bagaimanakah anda menjajarkan teks secara menegak?

Tetapkan kedudukan mutlak dan margin negatif Kita boleh menjajarkan teks secara menegak dengan kedudukan dan sifat margin yang digunakan dengan elemen peringkat blok. Jangan lupa untuk menetapkan ketinggian elemen yang anda mahu pusat . Set atas: 50%; dan kiri: 50%; kepada pusat sudut kiri kanak-kanak itu.

Tambahan pula, bagaimana saya boleh memusatkan div secara mendatar? Mari lihat memusatkan a secara mendatar langkah demi langkah:

  1. Tetapkan lebar elemen luar (iaitu 100% meliputi keseluruhan baris).
  2. Tetapkan sifat margin kepada auto untuk mendatar memusatkan elemen dalam halaman.
  3. Tetapkan warna pilihan anda untuk div luar dan dalam menggunakan sifat warna latar belakang.

Berkenaan dengan ini, bagaimanakah anda memusatkan secara mendatar dan menegak?

  1. Klik sel di mana anda ingin memusatkan kandungan.
  2. Klik "Laman Utama", kemudian klik anak panah kecil di sudut bawah kawasan "Penjajaran" pada reben.
  3. Klik kotak lungsur di sebelah "Mendatar" dan pilih "Pusat." Lakukan perkara yang sama dalam kotak di sebelah "Menegak."
  4. Klik "OK" untuk memusatkan teks anda.

Bagaimanakah saya boleh memusatkan div secara menegak?

Menegak penjajaran kandungan dengan JavaScript & CSS menunjukkannya. Cara moden untuk pusat sesuatu unsur secara menegak akan menggunakan flexbox. Anda memerlukan ibu bapa untuk menentukan ketinggian dan anak pusat . Contoh di bawah akan pusat a div kepada pusat dalam pelayar anda.

Disyorkan: