Bagaimana untuk menetapkan ketinggian div dalam html-html tutorial-php.cn

Bagaimana untuk menetapkan ketinggian div dalam html

青灯夜游

Lepaskan： 2021-12-13 15:16:08

asal

11579 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!