时间戳

首页 > 解决方案 > 显示一个网格

行与网格

排

css - 显示一个网格

行与网格

排

问题描述

为什么网格行与网格行<p>不同<div>？？？

抱歉，如果这是显而易见的事情，但对我来说没有任何意义 XD

.container {
  display: grid;
  grid-auto-rows: 20px;
  grid-auto-columns: auto;
  grid-row-gap: 5px;
}

.box {
  display: block;
  border: 1px solid black;
  background-color: lightgreen;
}
<div class="container">
  <p class="box">test</p>
  <div class="box">test</div>
  <div class="box">test</div>
</div>

标签： css

解决方案

<p>using和USED TO BE之间的最大区别在于您不能在可以使用的方式<div>内嵌套其他元素。然而，标签似乎在 HTML5 中变得更加宽容，这使得这是可以接受的——任何短语元素（包括图像和其他标签）都可以正常工作。在 MODERN DAY 中选择一个而不是另一个的主要原因是 1）它标记了语义上的差异，使代码对其他人更具可读性，以及 2）默认情况下在段落的上方和下方添加一个边距，而没有添加额外的边距。<p><div><p><p><p><div>

推荐阅读