亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

CSS 尺寸 (Dimension)

CSS 尺寸(Dimension)屬性

##描述height設(shè)定元素的高度。 line-height設(shè)定行高。 max-height設(shè)定元素的最大高度。 max-width設(shè)定元素的最大寬度。 min-height設(shè)定元素的最小高度。 min-width設(shè)定元素的最小寬度。 width設(shè)定元素的寬度。
#屬性

範(fàn)例

#使用百分比設(shè)定影像的高度

<!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>

執(zhí)行程式嘗試一下

實(shí)例


#設(shè)定元素的最低高度

       <!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>這一段的最小高度設(shè)置為100 px。</p>
</body>
</html>
###執(zhí)行程式嘗試########################
繼續(xù)學(xué)習(xí)
||
<!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="https://img.php.cn/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" /><br> <img class="big" src="https://img.php.cn/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" /><br> <img class="small" src="https://img.php.cn/upload/course/000/000/006/5809800b44336872.jpg" width="95" height="84" /> </body> </html>
提交重置程式碼