其他元素环绕中心定位div

我正在这个页面上工作。 正如你所看到的,它是一种方形网格布局。 我想知道我是否可以定位一个占据4个方格(中间为2×2)的元素,并让其他元素环绕它,如下所示:

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

我想知道这是否可能? 依赖于Javascript(vanilla或jQuery)对于这个项目来说是可以接受的。

感谢您的见解

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