作者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/cn.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