In diesem Kapitel erfahren Sie Was ist Dimension in CSS? (Codebeispiel) . Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
1. Einführung
Mit der CSS-Dimension-Eigenschaft können Sie die Höhe und Breite eines Elements steuern. Ebenso können Sie den Zeilenabstand vergrößern.
2. Dimension (Größe) Attributwert
3
(1) Beispiel 1: Höhe verschiedener Elemente festlegen
img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100px; }
(2) Beispiel 2: Höhe eines Elements mithilfe des Prozentwerts festlegen
html {height:100%;} body {height:100%;} img.normal {height:auto;} img.big {height:50%;} img.small {height:10%;}
(3) Beispiel 3: Verwenden Sie Pixelwerte, um die Breite des Elements festzulegen
img {width:200px;}
(4) Beispiel 4: Legen Sie die maximale Höhe des Elements fest
p{ max-height:50px; background-color:yellow; }
(5 ) Beispiel 5: Verwenden Sie Prozentwerte, um die maximale Breite des Elements
p{ max-width:20%; background-color:yellow; }
festzulegen. (6) Beispiel 6: Legen Sie die minimale Höhe des Elements fest
p{ min-height:100px; background-color:yellow; }
(7) Beispiel 7: Legen Sie die minimale Breite von fest Element
p{ min-width:150px; background-color:yellow; }
Das obige ist der detaillierte Inhalt vonWas ist Dimension in CSS? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!