CSS中什麼是Dimension（尺寸）？ （程式碼實例）

本章介紹給大家CSS中什麼是Dimension（尺寸）？ （程式碼實例）。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

一、簡介

CSS 尺寸 (Dimension) 屬性可讓你控制元素的高度和寬度。同樣，它允許你增加行間距。

二、Dimension（尺寸）屬性值

#三、範例

（1）範例1：設定不同元素的高度

img.normal
{
    height:auto;
}
img.big
{
    height:120px;
}
p.ex
{
    height:100px;
    width:100px;
}

（2）範例2：使用百分比值設定元素的高度

html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}

（3）範例3：使用像素值來設定元素的寬度

img {width:200px;}

（4）範例4：設定元素的最大高度

p{
    max-height:50px;
    background-color:yellow;
}

（5）範例5：用百分比值來設定元素的最大寬度

p{
    max-width:20%;
    background-color:yellow;
}

（6）範例6：設定元素的最小高度

p{
    min-height:100px;
    background-color:yellow;
}

（7）範例7：以像素值設定元素的最小寬度

p{
    min-width:150px;
    background-color:yellow;
}

以上是CSS中什麼是Dimension（尺寸）？ （程式碼實例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！