iT邦幫忙

2025 iThome 鐵人賽

0

網頁元素產生的容器通常都會有「寬度與高度」,這個單元會介紹容器的寬度 width、高度 height、max-width、min-width、max-height、min-height 等樣式屬性用法,還會使用 max-content、min-content、fit-content 等屬性值,讓內容去決定容器的尺寸。

影片重點:

  • 00:00:47 設定寬度與高度的樣式屬性
  • 00:03:03 寬度與高度使用的單位
  • 00:06:41 寬度或高度使用 auto 關鍵字
  • 00:10:38 限制長寬的範圍
  • 00:13:20 使用 max-content、min-content、fit-content 關鍵字屬性值

相關參考:

CSS 設定寬度、高度

更多參考:


上一篇
( Day 64 ) CSS Box Model 容器盒子模型
下一篇
( Day 66 ) CSS box-sizing 和 aspect-ratio
系列文
A CSS Video a Day, Keeps Web Confusion Away!!68
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言