css怎麼設定高寬

青灯夜游
發布: 2023-01-05 16:10:27
原創
10561 人瀏覽過

css設定高寬的方法:1、使用width和height屬性設定元素的寬度和高度;2、使用max-width和max-height屬性設定元素的最大寬度和高度;3、使用min -width和min-height屬性設定元素的最小寬度和高度。

css怎麼設定高寬

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

方法1:使用width和height屬性

width和height屬性可以設定元素的寬度和高度,定義的是元素內容區的寬度和高度,不包括填充,邊框,或頁邊距。

屬性值:

##auto #預設值.瀏覽器可計算出實際的寬度或高度。 使用 px、cm 等單位定義寬度或高度。 是基於包含它的區塊級物件(父元素)的百分比寬度或高度。
#描述
length
%

方法2:使用max-width和max-height屬性

max-width和max-height屬性設定元素的最大寬度和高度,不包括填充,邊框,或頁邊距!

屬性值:

值 #描述 ##none length % 範例:
#預設.定義對元素的最大寬度或高度沒有限制。
定義元素的最大寬度值或最大高度值。
定義基於包含它的區塊級物件的百分比最大寬度或最大高度。
     

这一段的最大宽度设置为100 px,最大高度设置为100 px。

登入後複製

css怎麼設定高寬

#方法3:使用min-width和min-height屬性

min-width和min-height屬性設定元素的最小寬度和高度,不包括填充,邊框,或頁邊距!

屬性值:


值 length % 範例:
#描述
定義元素的最小寬度或最小高度。預設值是 0。
定義基於包含它的區塊級物件的百分比最小寬度或最小高度。
     

这个段落的最小宽度设置为 150px,最小高度设置为 100px。

登入後複製

css怎麼設定高寬#(學習影片分享:

css影片教學

以上是css怎麼設定高寬的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!