Bagaimana untuk menetapkan jarak baris teks dalam css

青灯夜游
Lepaskan: 2021-11-10 09:03:14
asal
13052 orang telah melayarinya

Dalam CSS, anda boleh menggunakan atribut ketinggian baris untuk menetapkan jarak baris teks Fungsi atribut ini adalah untuk menetapkan jarak antara baris dan melaraskan jarak fon setiap baris teks Anda sahaja perlu menambah gaya "line- "height: spacing value;"; perlu diingatkan bahawa nilai jarak tidak boleh menjadi nilai negatif.

Bagaimana untuk menetapkan jarak baris teks dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Dalam CSS, jika anda ingin melaraskan dan menetapkan jarak fon (jarak baris) setiap baris teks, anda menggunakan atribut ketinggian baris.

Atribut ketinggian garisan menetapkan jarak antara garisan (ketinggian garisan). Nota: Nilai negatif tidak dibenarkan.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			div{
				border: 1px solid red;
				margin-bottom: 10px;
			}
			.div-a {
				line-height: 22px
			}

			/* css 注释说明:设置行距行高22px */
			.div-b {
				line-height: 40px
			}

			/* 设置行距行高22px */
		</style>
	</head>
	<body>
		<div class="div-a">
			我被设置行高22px<br />
			我行距为22<br />
			测试文本,占位内容
		</div>
		<div class="div-b">
			我被设置行高40px<br />
			我行距为40<br />
			测试文本,占位内容
		</div>
	</body>
</html>
Salin selepas log masuk

Rendering:

Bagaimana untuk menetapkan jarak baris teks dalam css

Penerangan: Nilai yang atribut ketinggian garis boleh ditetapkan kepada

  • number Tetapkan nombor yang akan didarab dengan saiz fon semasa untuk menetapkan jarak baris.

  • length Tetapkan jarak talian tetap.

  • % Peratusan jarak baris berdasarkan saiz fon semasa.

(Mempelajari perkongsian video: tutorial video css)

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

Label berkaitan:
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