<分区>
标签 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>最佳答案
使用<p>的最大区别和 <div>过去是你不能在 <p> 中嵌套额外的元素你可以使用的方式 <div> .然而，<p>标签在 HTML5 中似乎变得更加宽容，允许这样做 - 任何措辞元素(包括图像和其他 <p> 标签)都可以正常工作。在 MODERN DAY 中选择一个而不是另一个的主要原因是 1) 它标记了语义差异，使代码对其他人更具可读性，以及 2) <p>默认情况下在段落上方和下方添加边距，而 <div>不增加额外利润。
关于css - 显示网格 <p> 行与网格 <div> 行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55876207/