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

看板Web_Design作者 (小y)時間11年前 (2014/08/11 14:31), 11年前編輯推噓1(100)
留言1則, 1人參與, 最新討論串2/3 (看更多)
推文裡有點難回我用回文, 簡單來說要讓 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 也是一樣無法 : 請各版眾看看我是哪裡出了問題 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.10.192 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1407738697.A.6F0.html ※ 編輯: yshlptt (118.163.10.192), 08/11/2014 14:31:55

08/11 14:42, , 1F
謝謝指導!!
08/11 14:42, 1F
文章代碼(AID): #1Jw6D9Rm (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1Jw6D9Rm (Web_Design)