Heim  >  Artikel  >  Web-Frontend  >  So legen Sie Höhe und Breite in CSS fest

So legen Sie Höhe und Breite in CSS fest

青灯夜游
青灯夜游Original
2021-04-21 16:35:5010648Durchsuche

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>

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>

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn