Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menetapkan ketinggian div dalam html

Bagaimana untuk menetapkan ketinggian div dalam html

青灯夜游
青灯夜游asal
2021-12-13 15:16:0811575semak imbas

Cara menetapkan ketinggian div dalam HTML: 1. Tambahkan gaya "height: height;" pada elemen div untuk menetapkan ketinggian tetap 2. Tambah "min-height: nilai ketinggian; " gaya ke elemen div untuk menetapkan ketinggian minimum ;3. Tambahkan gaya "max-height: height value;" pada elemen div untuk menetapkan ketinggian maksimum.

Bagaimana untuk menetapkan ketinggian div dalam html

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

html set ketinggian div

1 Gunakan atribut ketinggian

atribut ketinggian untuk ditetapkan unsur itu tinggi. (Nota: Atribut ketinggian tidak termasuk pelapik, jidar atau jidar!)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div>默认div高度是由文本高度决定的</div>
		<div style="height: 100px;">设置div宽度为100px</div>
	</body>
</html>

Bagaimana untuk menetapkan ketinggian div dalam html

2. Gunakan atribut ketinggian min

Atribut ketinggian min menetapkan ketinggian minimum elemen.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div>默认div高度是由文本高度决定的</div>
		<div style="min-height: 100px;">
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
			设置div最小高度为100px<br />
		</div>
	</body>
</html>

Apabila tiada kandungan, atau apabila ketinggian kandungan kurang daripada 100, ketinggian div dipaparkan pada 100px;
Apabila ketinggian kandungan lebih daripada 100 , ketinggian div ditentukan oleh ketinggian teks

Bagaimana untuk menetapkan ketinggian div dalam html

3 Gunakan atribut ketinggian maksimum

Bagaimana untuk menetapkan ketinggian div dalam html

atribut ketinggian maksimum untuk menetapkan ketinggian maksimum elemen.

Tutorial disyorkan: "
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<div>默认div高度是由文本高度决定的</div>
		<div style="max-height: 100px;">
			设置div最大高度为100px<br />
			设置div最大高度为100px<br />
			设置div最大高度为100px<br />
			
		</div>
	</body>
</html>
tutorial video html

"Bagaimana untuk menetapkan ketinggian div dalam html

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

Kenyataan:
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