前端小白请教CSS:嵌套div的width和center的问题

2014-01-15 14:38:02 +08:00
 arbipher
前端小白,CSS学习中。
场景是这样的,外面div套里面div。里面的div指定宽度,外面的div在页面上居中。

比如这样:

https://gist.github.com/arbipher/8431842

我的问题是:
我的目标是指定内层div(即info_block)的width,想让外层(即info_wrapper)居中。
但是如果我不指定info_wrapper的width,“margin: 0 auto;”就没效果。
如果我指定了info_wrapper的width,就意味这,每次我修改info_block的width,就得去修改info_wrapper的宽度。

这里有什么办法可能让宽度只在一个地方指定。
内层info_block的数量可能是变化的,这个地方是三个,那个地方是四个。

谢谢。
2254 次点击
所在节点    问与答
5 条回复
FrankFang128
2014-01-15 14:53:27 +08:00
FrankFang128
2014-01-15 14:54:13 +08:00
FrankFang128
2014-01-15 14:57:24 +08:00
再次更新注释 http://jsbin.com/OXUzIwip/5/edit
CSS 里不能使用 "//" 来注释,有大坑。
FrankFang128
2014-01-15 14:58:25 +08:00
目测已经没有问题了。
arbipher
2014-01-15 15:04:22 +08:00
@FrankFang128 太感谢了。果然CSS hack的东西博大精深。恨不能给你32个赞。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/97106

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX