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