Thursday, May 8, 2014

[CSS] 如何讓 div 置中 (適用 IE )

div 的 display 預設值是 block ,所以他會自動撐滿容器,當我們設定 width 寬度時,預設是靠左的,所以需要靠 margin 來置中,如下:

#div_id {
  width:600px;
  margin: 0 auto;
}

因為現在手機上網很普及,當使用者螢幕小於 div 的 width 寬度,會造成閱讀上的困難,所以我們要稍微修改一下CSS,如下:

#div_id {
  max-width:600px;
  margin: 0 auto;
}

這樣就OK了~

No comments:

Post a Comment