Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan ketinggian baris dalam css

Bagaimana untuk menetapkan ketinggian baris dalam css

下次还敢
Lepaskan: 2024-04-28 15:03:13
asal
499 orang telah melayarinya

Tetapan ketinggian garisan dalam CSS digunakan untuk menetapkan ketinggian antara baris teks dalam elemen, ditetapkan melalui atribut ketinggian garis. Kaedah tetapan ialah: Nilai: ketinggian tetap (piksel atau nilai unit) Peratusan: berdasarkan peratusan saiz fon unsur induk Nilai tanpa unit: tetapkan nilai lalai (biasa) atau warisi ketinggian garis elemen induk (warisi)

Bagaimana untuk menetapkan ketinggian baris dalam css

CSS Tetapan ketinggian garis tengah

Dalam CSS, ketinggian baris digunakan untuk menetapkan ketinggian antara baris teks Cina dalam elemen. Ia boleh ditetapkan melalui atribut line-height. line-height属性进行设置。

设置方式:

line-height: 值;

值类型:

  • 数值:以像素(px)或单位值(em、rem等)表示的固定高度。例如:line-height: 20px;
  • 百分比:基于父元素字体大小的百分比。例如:line-height: 150%;
  • Kaedah tetapan:

    garis-tinggi: nilai;

    • Jenis nilai:
    • Nilai: Dalam rem (px) atau unit nilai , dsb.) mewakili ketinggian tetap. Contohnya: line-height: 20px;
  • Peratusan:
Peratus berdasarkan saiz fon elemen induk. Contohnya: line-height: 150%;

nilai tanpa unit:

Sesetengah nilai tanpa unit istimewa, seperti:

    normal:
  • Tetapkan sebagai nilai lalai penyemak imbas.
  • warisi:
  • Warisi ketinggian baris daripada elemen induk. .
  • Jika ketinggian garisan tidak dinyatakan, penyemak imbas akan menggunakan nilai lalai, yang biasanya kira-kira 1.2 kali ganda saiz fon.
Ketinggian garisan bukan sahaja mempengaruhi penampilan teks, tetapi juga penjajaran menegak elemen dan jarak antara elemen. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk menetapkan ketinggian baris dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan