CSS 尺寸 (Dimension)
CSS 尺寸 (Dimension)屬性
| 屬性 | 描述 |
|---|---|
| height | 設置元素的高度。 |
| line-height | 設置行高。 |
| max-height | 設置元素的最大高度。 |
| max-width | 設置元素的最大寬度。 |
| min-height | 設置元素的最小高度。 |
| min-width | 設置元素的最小寬度。 |
| width | 設置元素的寬度。 |
實例
使用百分比設置圖像的高度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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>運行程序嘗試一下
實例
設置元素的最低高度
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
min-height:100px;
background-color:yellow;
}
</style>
</head>
<body>
<p>這一段的最小高度設置為100 px。</p>
</body>
</html>運行程序嘗試一下
女神的閨蜜愛上我
CSS比PHP學起來簡單呀。。
8年前 添加回復 0