display : block vs inline

block :

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

inline:

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

inline-block:

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

 

廣告

發表迴響

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

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s