display : block vs inline

block :

  • 跟容器一樣寬度
  • 上下會有一行的 break
  • 有完整的 box model 可以操控

inline:

  • 內容寬度多久就多寬
  • 通常在 block 元素裡面
  • 不會有一行的 break

inline-block:

  • 顯示方式是 inline 不過行為像 block

 

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s