Re: [問題] DW CC 為何我不能將網頁置中

作者: yshlptt (小y)   2014-08-11 14:31:35
推文裡有點難回我用回文,
簡單來說要讓 div 置中有兩種比較方便的作法,
一、將 div 設為 display: block,加上 margin: auto; 及限制寬度少於 100%
實際範例:http://jsfiddle.net/elin/dnkft88n/
二、將 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 也是一樣無法
: 請各版眾看看我是哪裡出了問題
作者: Letter1530 (白手起家好難...)   2014-08-11 14:42:00
謝謝指導!!

Links booklink

Contact Us: admin [ a t ] ucptt.com