CSS Dimension attribute
##Attribute | Description |
height | Set the height of the element. |
line-height | Set the line height. |
max-height | Set the maximum height of the element. |
max-width | Set the maximum width of the element. |
min-height | Set the minimum height of the element. |
min-width | Set the minimum width of the element. |
width | Set the width of the element. |
Example
Use percentage to set the height of the image
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:30%;}
img.small {height:10%;}
</style>
</head>
<body>
<img class="normal" src="/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" /><br>
<img class="big" src="/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" /><br>
<img class="small" src="/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" />
</body>
</html>Run the program and try it
Example
Set the minimum height of the element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
p
{
min-height:100px;
background-color:yellow;
}
</style>
</head>
<body>
<p>这一段的最小高度设置为100 px。</p>
</body>
</html>Run the program to try it
Next Section
