Dimension CSS
Taille CSS
L'attribut taille CSS (dimension) comprend les aspects suivants :
hauteur Définissez la hauteur de l'élément.
width Définit la largeur de l'élément.
max-height Définit la hauteur maximale de l'élément.
max-width Définit la largeur maximale de l'élément.
min-height Définit la hauteur minimale de l'élément.
min-width Définit la largeur minimale de l'élément.
line-height Définit la hauteur de la ligne.
max/min-height/width définit la hauteur maximale et minimale de l'élément
line-height définit la hauteur de la ligne, qui fait référence au haut de la première ligne du The. hauteur du haut de la deuxième rangée.
Définissez la hauteur de l'élément
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> img.normal { height:auto; } img.big { height:120px; } p.ex { height:100px; width:100px; } </style> </head> <body> <img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br> <img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /> <p class="ex">这个段落的高和宽是 100px.</p> </body> </html>
Définissez la hauteur de l'image à l'aide de pourcentages
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> html {height:100%;} body {height:100%;} img.normal {height:auto;} img.big {height:50%;} img.small {height:10%;} </style> </head> <body> <img class="normal" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br> <img class="big" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /><br> <img class="small" src="http://www.visionunion.com/admin/data/file/img/20140111/20140111004002.jpg" width="95" height="84" /> </body> </html>