So legen Sie Höhe und Breite in CSS fest-CSS-Tutorial-php.cn

So legen Sie Höhe und Breite in CSS fest

青灯夜游

Freigeben： 2023-01-05 16:10:27

Original

10661 Leute haben es durchsucht

So legen Sie Höhe und Breite in CSS fest: 1. Verwenden Sie die Attribute „width“ und „height“, um die Breite und Höhe des Elements festzulegen. 2. Verwenden Sie die Attribute „max-width“ und „max-height“, um die maximale Breite und Höhe des Elements festzulegen element; 3. Verwenden Sie min-width und min. Das Attribut -height legt die minimale Breite und Höhe des Elements fest.

So legen Sie Höhe und Breite in CSS fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Methode 1: Verwenden Sie die Attribute „Breite“ und „Höhe“

Die Attribute „Breite“ und „Höhe“ können die Breite und Höhe des Elements festlegen. Sie definieren die Breite und Höhe des Inhaltsbereichs des Elements, mit Ausnahme von Polsterungen, Rändern oder Rändern.

Attributwert:

Wert	Beschreibung
Auto	Standardwert. Der Browser kann die tatsächliche Breite oder Höhe berechnen.
Länge	Definieren Sie Breite oder Höhe mit Einheiten wie px, cm usw.
%	Basierend auf der prozentualen Breite oder Höhe des Objekts auf Blockebene (übergeordnetes Element), das es enthält.

Methode 2: Verwenden Sie die Eigenschaften „max-width“ und „max-height“

Die Eigenschaften „max-width“ und „max-height“ legen die maximale Breite und Höhe des Elements fest, ohne Polsterung, Rahmen oder Ränder!

Attributwert:

Wert	Beschreibung
keine	Standard. Die Definition legt keine Begrenzung für die maximale Breite oder Höhe des Elements fest.
length	definiert den maximalen Breitenwert oder maximalen Höhenwert des Elements.
%	Definiert die maximale Breite oder maximale Höhe basierend auf einem Prozentsatz des Objekts auf Blockebene, das es enthält.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p
{
	max-width:100px;
	max-height:100px;
	background-color:yellow;
}
</style>
</head>

<body>
<p>这一段的最大宽度设置为100 px，最大高度设置为100 px。</p>
</body>
</html>

Nach dem Login kopieren

So legen Sie Höhe und Breite in CSS fest

Methode 3: Verwenden Sie die Eigenschaften „min-width“ und „min-height“

min-width und min-height, um die Mindestbreite und -höhe eines Elements ohne Polsterung festzulegen , Ränder oder Seitenränder!

Attributwert:

Wert	Beschreibung
Länge	Definieren Sie die Mindestbreite oder Mindesthöhe des Elements. Der Standardwert ist 0.
%	Definiert die Mindestbreite oder Mindesthöhe basierend auf dem Prozentsatz des Objekts auf Blockebene, das es enthält.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p
{
	min-width:150px;
	min-height:100px;
	background-color:yellow;
}
</style>
</head>

<body>
<p>这个段落的最小宽度设置为 150px，最小高度设置为 100px。</p>
</body>
</html>

Nach dem Login kopieren

So legen Sie Höhe und Breite in CSS fest

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie Höhe und Breite in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!