中Dimension指的是什么

發(fā)布時間：2021-01-29 13:53:06 來源：億速云閱讀：310 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)中Dimension指的是什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

一、簡介

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

二、Dimension（尺寸）屬性值

中Dimension指的是什么

三、示例

（1）示例1：設(shè)置不同元素的高度

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

（2）示例2：使用百分比值設(shè)置元素的高度

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

（3）示例3：使用像素值來設(shè)置元素的寬度

img {width:200px;}

（4）示例4：設(shè)置元素的最大高度

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

（5）示例5：用百分比值來設(shè)置元素的最大寬度

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

（6）示例6：設(shè)置元素的最小高度

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

（7）示例7：用像素值設(shè)置元素的最小寬度

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

感謝各位的閱讀！關(guān)于“中Dimension指的是什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡