Re: [问题] 文章置中

楼主: miau (米奥)   2014-11-07 13:58:09
要改的东西有点多只好回文占一下版面..
首先不是很清楚你要置中的部分到底有哪些,因为从我的大萤幕上看整个都是偏的:
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
: 不知要再加上什么呢?
: 谢谢!
作者: livein (活着)   2014-11-07 14:16:00
谢谢你!!!!!!!!!!!!!!!!!!我试了一下大概都可以了 但是现在首页的文章不是横的排列变成直的
楼主: miau (米奥)   2014-11-07 14:56:00
我看起来是你首页的每个.box的区块自己写了行内样式把它们都定位到直的排列去了才变成直的的...
作者: mmis1000 (秋月恋枫)   2014-11-09 14:50:00
http://pastebin.com/B8xVbKij 要做gridview可以这样做你的问题是首页跟内文共用css导致互相污染吧?原本首页的box的float grid排版,会导致内文置中失效拿掉float后,却又反而造成首页grid失效最简单解就是把css分开
作者: livein (活着)   2014-11-10 06:50:00
对对!!我也觉得是因为共用的关系 一个对 一个就错 T T写网页也太难了吧!!!!!!!!!!!!!!!!!!!!!!!!!!!!
作者: leochen0818 (Leo)   2014-11-10 10:49:00
推原OP,另外,原原PO只要有好的观念就不难。网页跟CSS还不算程式,已经很简单了。

Links booklink

Contact Us: admin [ a t ] ucptt.com