推 Letter1530: 多謝@@ 釐清了觀念!! 08/11 14:44
※ 引述《yshlptt (小y)》之銘言：
: 推文裡有點難回我用回文，
: 簡單來說要讓 div 置中有兩種比較方便的作法，
: 一、將 div 設為 display: block，加上 margin: auto; 及限制寬度少於 100%
: 實際範例：http://jsfiddle.net/elin/dnkft88n/
DIV本身display預設就是block噢！
只要設定寬度，並且寬度小於父元素，
再加上margin-left: auto; & margin-right: auto;
置中本來就是左右距離的事，
如果要縮成單行，
應該寫成是margin: 0 auto;
會比較好一點
範例：
http://jsbin.com/yanik/1/edit
: 二、將 div 設為 display: inline-block，在 body 設定 text-align: center
: 實際範例：http://jsfiddle.net/elin/znpsx0m2/
: 沒加 # 不可能透過 id 選擇到 div，這邊應該是哪裡弄錯了，
: 建議你在 fiddle 上試試再貼回你的 HTML。
: 另外我看你的 width 設為 100% 這樣應該是看不出 div 有沒有置中的。
: 如果你是想要讓 div 的內容全部一起置中，
: 那麼就要在 div 上以及內容元素上進行這些設定。
: 以上
: ※ 引述《Letter1530 (最近打牌輸很大的L)》之銘言：
: : Google了不少文章 試過不少寫法 我還是沒辦法將我排版完的網頁置中
: : 目前網頁都偏左
: : 以下程式碼
: : <title>無標題文件</title>
: : <style type="text/css">
: : body{text-align:center;}
: : pagediv{margin:0 auto; width:100%;}
: : </style>
: : <body>
: : <div id="pagediv">
: : ........內容.........
: : </div>
: : </body>
: : 我原先以為在style裡面設定body text-align:center; 就可以將整個網頁置中了
: : 結果無法
: : 我又多加了div 也是一樣無法
: : 請各版眾看看我是哪裡出了問題
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.161.79.175
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1407739291.A.78D.html