2012-07-24 40 views
1

我正在致力于this page。如你所见,这是一种方形网格布局。我想知道如果我可以定位占据4个方格(2×2在中间)的元素,并且具有其他元件环绕它,这样的:围绕中心定位的其他元素div

_ _ _ _ _ _ _ _ 
|_|_|_|_|_|_|_|_| 
|_|_|_|_|_|_|_|_| 
|_|_|_| |_|_|_| 
|_|_|_|_ _|_|_|_| 
|_|_|_|_|_|_|_|_| 
|_|_|_|_|_|_|_|_| 

我想知道这是否是可能?依赖Javascript(香草或jQuery)是可以容忍的这个项目。

感谢您的见解

+0

你有没有考虑过Twitter的引导?使用该框架来完成这样的事情应该相当容易。 http://twitter.github.com/bootstrap/ – 2012-07-24 15:48:14

回答

0

我想你可以做这样的事情:http://jsfiddle.net/QrEr5/3/

+0

有点更全面:http://jsfiddle.net/QrEr5/1/(只是为中心的数字XD) – scumah 2012-07-24 15:59:25

+0

非常感谢你@Billy,但我忘了提我从PHP生成列表。内容的方向是水平的,直到它打破并包装在下一行 – AKG 2012-07-24 16:01:25

+0

@AKG - 这不是我的演示所做的吗?所有的容器div都只是向左浮动而使内容水平。当达到包装纸的宽度时,它将打破新的生产线。 – 2012-07-24 16:20:31