Javascript 单击“以等分矩阵形式连续等分我的方形div”

我是这个网站的新手，觉得它很有趣。。。 实际上，我想要以相等的矩阵形式拆分div，我已经采用了。单击其中的任意位置。。。 对于范例- 1第一次单击“我的div”时，它将拆分为2 X 2个部分。。 2一秒钟单击“我的div”将拆分为3 X 3个部分。。 以此类推，直到n X n

我已经在谷歌上搜索过了，但不幸的是我没有找到任何脚本作为解决方案。非常感谢您提前回复

<div  class="main_div" style="width:500px;height:500px;background-color:#9F0;">

 </div>

试试看。 如果出于某些图形目的需要执行此操作，请使用或

随机颜色礼貌：

变量编号=1，$m=$。主分区，大小=180； $m.clickfunction{ 否++； 变量i，_no=no*no，_size=size/no； 百万美元； fori=0；i div{ 浮动：左； }

---

你能分享一些你尝试过的代码吗？好的！说2X2是指分成两个div，比如不！两个div是指将同一个main_div类分成2 X 2的形式，即分成4等份等等…谢谢你的回答..你期望的4份html代码是什么？你能写出输出的html吗？现在让我们说任何彩色的4份不同的div，then 9等等…@Cforcloud非常感谢你的回答…这正是我想要的…你能帮我最后一个忙吗？你能不能共享相同的小提琴代码，因为我不知道。不，为什么它在复制了我系统中的相同代码后不工作…再次非常感谢你..点击上面看到的“运行代码片段”按钮查看输出@Cforcloud正在运行…非常感谢您给了您宝贵的时间-