作者miau (米奧)
看板Web_Design
標題Re: [問題] 文章置中
時間Fri Nov 7 13:58:09 2014
要改的東西有點多只好回文佔一下版面..
首先不是很清楚你要置中的部分到底有哪些，因為從我的大螢幕上看整個都是偏的：
http://ppt.cc/ThKP
所以我先假設你是想把整個網站的內容置中，請改
#container {...} 裡面的部分，找到這兩個值並且改成 auto，也就是：
margin-left: auto;
margin-right: auto;
這樣改完你整個網頁的內容才會置中。(不過上面米的圖片需要重新定位)
但是內文部分還是靠左的，要調整這部分請找到：
#container .posts {...} 把裡面的 left 和 right 屬性都拿掉。
並且找到
#container .box {...} 裡面的 float 刪掉，然後 margin 改成：
margin: 50px auto 0;
這樣你的內文就置中了。
可是我忍不住還要說但是這樣你的 menu 還是沒有置中，
請找到：
#container .header {...} 把裡面的 margin 改成：
margin: 5px 0;
還有
#container .description 的 width 刪掉。
這樣你的 menu 才會是正確的。
※ 引述《livein ( Livein)》之銘言：
: 調了很久的CONTAINER仍然無法成功，
: 所以想請教一下板上大大，
: 現在我的首頁部分是可以置中的
: http://imageshack.com/a/img673/2442/47KCUE.jpg
: 但是點進去文章他就偏掉了
: http://imageshack.com/a/img633/1807/LtIukI.jpg
: 看了一下編輯語法比較相關的應該就這兩個
: http://imageshack.com/a/img743/2486/OLjZRY.jpg
: 不知要再加上什麼呢？
: 謝謝！
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.34.108.195
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1415339891.A.950.html
※ 編輯: miau (1.34.108.195), 11/07/2014 14:01:04
1F：推 livein: 謝謝你!!!!!!!!!!!!!!!!!! 11/07 14:16
2F：→ livein: 我試了一下大概都可以了 但是現在首頁的文章不是橫的排列 11/07 14:16
3F：→ livein: 變成直的 11/07 14:17
4F：→ miau: 我看起來是你首頁的每個.box的區塊自己寫了行內樣式 11/07 14:56
5F：→ miau: 把它們都定位到直的排列去了才變成直的的... 11/07 14:56
7F：→ mmis1000: 你的問題是首頁跟內文共用css導致互相汙染吧？ 11/09 14:50
8F：→ mmis1000: 原本首頁的box的float grid排版，會導致內文置中失效 11/09 15:24
9F：→ mmis1000: 拿掉float後，卻又反而造成首頁grid失效 11/09 15:25
10F：→ mmis1000: 最簡單解就是把css分開 11/09 15:25
11F：推 livein: 對對!!我也覺得是因為共用的關係 一個對 一個就錯 T T 11/10 06:50
12F：→ livein: 寫網頁也太難了吧!!!!!!!!!!!!!!!!!!!!!!!!!!!! 11/10 06:51
13F：推 leochen0818: 推原OP，另外，原原PO只要有好的觀念就不難。 11/10 10:49
14F：→ leochen0818: 網頁跟CSS還不算程式，已經很簡單了。 11/10 10:50