小说网,完美世界txt全集下载

最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

CSSwidth和height（寬度和高度）

CSS 尺寸屬性指的就是元素的寬度和高度屬性，雖然說非常簡單，但卻是必須掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等幾個屬性來設(shè)置元素的寬度和高度，這些元素使用起來非常簡單，下面我們就來簡單介紹一下。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名注冊、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、臨夏網(wǎng)站維護、網(wǎng)站推廣。

1. width

通過 width 屬性可以設(shè)置元素內(nèi)容區(qū)的寬度，屬性的可選值如下：

值	描述
auto	默認值，瀏覽器自動計算元素的實際寬度
length	使用具體數(shù)值配合 px、cm 等單位來定義寬度
%	定義基于父元素寬度百分比的寬度
inherit	從父元素繼承 width 屬性的值

提示：對于標(biāo)簽來說，若僅指定 width 屬性，那么它的 height 屬性將根據(jù)原圖片尺寸進行等比例縮放。

一般情況下 width 屬性需要與 height 屬性配合使用來同時定義元素的寬度和高度，因為某些元素沒有默認的寬度或高度（或者寬度與高度默認為 0px），若不定義寬度或高度而且元素中又沒有內(nèi)容（子元素、文本等）時，這個元素的寬度或高度就會被設(shè)置為 0px，從外表看起來就像被壓縮成了一條線。

【示例】使用 width 屬性設(shè)置元素的寬度：




    


    
    
    width 屬性

運行結(jié)果如下圖所示：

圖：width 屬性演示

2. height

height 屬性用來定義元素內(nèi)容區(qū)的高度，屬性的可選值如下：

值	描述
auto	默認值，瀏覽器自動計算元素的實際高度
length	使用具體數(shù)值配合 px、cm 等單位來定義高度
%	定義基于父元素高度百分比的高度
inherit	從父元素繼承 width 屬性的值

提示：無論是 width 屬性還是 height 屬性，它們的值都不能設(shè)置為負數(shù)。

默認情況下，瀏覽器會將某些元素的寬度設(shè)置為 100%，例如

、

，而元素的高度則是根據(jù)元素中的內(nèi)容來確定的，所以有些情況下您不必為元素設(shè)置固定的寬度或高度。

【示例】使用 width 和 height 屬性設(shè)置元素的寬度和高度：

運行結(jié)果如下圖所示：

圖：height 屬性演示

3. max-width 和 max-height

max-width 和 max-height 屬性分別用來設(shè)置元素內(nèi)容區(qū)的最大寬度和最大高度。當(dāng)定義了 max-width 和 max-height 屬性時，不論 width 或 height 屬性的實際值是多少，width 和 height 屬性的實際值都會小于等于 max-width 和 max-height 屬性的值。max-width 和 max-height 屬性的可選值如下：

值	描述
none	默認值，表示對元素的最大寬度或高度沒有限制
length	使用具體數(shù)值配合 px、cm 等單位來定義元素的最大寬度或高度
%	定義基于父元素寬度和高度百分比的最大寬度或高度
inherit	從父元素繼承 max-width 或 max-height 屬性的值

以 max-width 屬性為例：（max-height 屬性的特性與之相似）

當(dāng) max-width 屬性的值小于 width 屬性時，width 屬性的值會被重新定義為與 max-width 屬性相同的值；
當(dāng) max-width 屬性的值大于 width 時，max-width 屬性將會被忽略；
當(dāng) max-width 屬性的值小于 min-width 時，max-width 屬性將會被忽略。

【示例】使用 max-width 和 max-height 屬性設(shè)置元素的最大寬度和高度：




    


    
        max-width: 280px;

        max-height: 200px;

        width: 300px;

        height: 180px;

運行結(jié)果如下圖所示：

圖：max-width 和 max-height 屬性演示

4. min-width 和 min-height

min-width 和 min-height 屬性用來設(shè)置元素內(nèi)容區(qū)的最小寬度和最小高度，當(dāng)定義了 min-width 和 min-height 屬性時，不論 width 或 height 屬性的實際值是多少，width 和 height 屬性的實際值都會大于等于 min-width 和 min-height 屬性的值。min-width 和 min-height 屬性的可選值如下：

值	描述
length	使用具體數(shù)值配合 px、cm 等單位來定義元素的最小寬度或高度，默認值取決于瀏覽器
%	定義基于父元素寬度和高度百分比的最小寬度或高度
inherit	從父元素繼承 min-width 和 min-height 屬性的值

以 min-width 屬性為例：（min-height 屬性的特性與之相似）

當(dāng) min-width 屬性的值小于 width 時，min-width 屬性將會被忽略；
當(dāng) min-width 屬性的值大于 width 時，min-width 屬性的值將被重新定義為與 min-width 屬性相同的值；
當(dāng) min-width 屬性的值大于 max-width 時，max-width 屬性將會被忽略。

【示例】使用 min-width 和 min-height 屬性設(shè)置元素的最小寬度和高度：




    


    
        min-width: 280px;

        min-height: 200px;

        width: 300px;

        height: 180px;

運行結(jié)果如下圖所示：

圖：min-width 和 min-height 屬性演示

新聞標(biāo)題：CSSwidth和height（寬度和高度）
文章分享：http://m.fisionsoft.com.cn/article/djdeood.html

新聞中心

1. width

2. height

3. max-width 和 max-height

4. min-width 和 min-height

其他資訊