Heim >Web-Frontend >CSS-Tutorial >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:5010666Durchsuche
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.
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>
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>
(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!