Html <；p>；不添加分页符

我正在尝试创建一个网格图像，显示通过迷宫的路径

除了网格系统没有分页符外，我的一切都正常工作

范例

期望的结果是这样的，行之间没有空格

以下是源代码（注意：当我可以正确显示时，应用程序将自动生成此代码）

.centered{
位置：固定；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
转换：-webkit翻译（-50%，-50%）；
转换：-moz-translate（-50%，-50%）；
转换：-ms转换（-50%，-50%）；
}
.街区{
浮动：左；
宽度：20px；
高度：20px；
边框：1px实心rgba（0,0,0,2）；
}
瑞德先生{
背景：红色；
}
怀特先生{
背景：白色；
}
格林先生{
背景：绿色；
}

标题

正如Alon Eitan指出的

标签可能不是这里最好的。如果您可以控制标记输出，我建议将包装更改为

或类似内容：

<div class="rowwrap">
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
        </div>

因为所有的块都是浮动的，所以您还需要在下一行之前清除它们。为此，我在

rowrap

中添加了一个伪元素

---

摆弄一下工作示例：

正如Alon Eitan指出的

标记在这里可能不是最好的。如果您可以控制标记输出，我建议将包装更改为

或类似内容：

<div class="rowwrap">
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block white"></div>
            <div class="block red"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block green"></div>
            <div class="block red"></div>
        </div>
        <div class="rowwrap">
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
            <div class="block red"></div>
        </div>

因为所有的块都是浮动的，所以您还需要在下一行之前清除它们。为此，我在

rowrap

中添加了一个伪元素

---

摆弄工作示例：

因为

p

不能是

div

的父项，它是无效的html，您将以空

结束，所有
div
都将在它之外。您可能应该将
改为包装
。当您说分页符时，你是说断线吗？哦，是的。在Microsoft Word中使用的时间过长，因为
p
不能是
div
的父项，它是无效的html，您将以空
结束，所有
div
都将在它之外。您可能应该将
改为包装
。当您说分页符时，你是说断线吗？哦，是的。在Microsoft Word中呆的时间太长了，哈哈