其他元素环绕中心定位的div [英] Other elements wrap around center positioned div

问题描述

我正在处理此网页。你可以看到，它是一个方形网格的布局。我想知道如果我可以定位一个元素，占据4个正方形（中间的2×2），并有其他元素包围，像这样：

I am working on this page. As you can see, it's a squarish grid kind of layout. I was wondering if I can position an element that occupies 4 squares (2x2 in the middle), and having the other elements wrap around it, like this:

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

我想知道这是否可能？

I was wondering whether this is even possible? Reliance on Javascript (vanilla or jQuery) is tolerable for this project.

感谢您的深入了解

推荐答案

我认为你可以这样做： http://jsfiddle.net/ QrEr5 / 3 /

I think you could do something like this: http://jsfiddle.net/QrEr5/3/

这篇关于其他元素环绕中心定位的div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！