iT邦幫忙

2021 iThome 鐵人賽

DAY 15
0
自我挑戰組

給自己學習30天重新認識css系列 第 15

display:block及display:inline 差別

  • 分享至 

  • xImage
  •  

Yes

display:block及display:inline 差別

每個不同tag都會對應不同預設值設定,例如標題、段落、連結、圖片都是不同的display屬性
要特別注意每一個tag的display特性。

    display:block //區塊元素
    display:inline //行內元素

區塊元素而是會撐滿版面以及換
行內元素而是會串接元素,但是不會換行

參考文獻:
區塊元素及行內元素


上一篇
設定字體顏色及文字大小、行距及間距
下一篇
了解box-model的重要性
系列文
給自己學習30天重新認識css16
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言