javascript - 如何创建蜂窝 div 网格而不是标准网格？

Question

这是一个粗略的正常网格结构:http://jsfiddle.net/CFxzH/1/

我正在尝试创建我所说的蜂窝网格而不是标准的 div 网格。这是一个粗略的说明。

普通网格

[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []
[] [] [] [] []

蜂窝网格

[] [] [] [] []
  [] [] [] []
[] [] [] [] []
  [] [] [] []
[] [] [] [] []

我还想实现的是父框的动态 100% 宽度，随窗口宽度扩展。

Answer 1

您可以将 x 轴设置为 y 轴一半的值，然后为铲斗添加直径。这也适用于六边形。这是一个关于快速网格搜索的问题:Optimizing search through large list of lat/long coords to find match .