display: table-row 是 CSS 中的一个属性，用于指定元素的显示类型为表格行（table row）。
当将元素的 display 属性设置为 table-row 时，该元素会像表格中的一行那样进行布局和显示。这意味着元素会占据水平空间，并与其他表格行对齐。
下面土嘎嘎小编分享 display: table-row 属性的一些特点和使用示例：
◆ display: table-row 只适用于被包裹在 display: table 或 display: inline-table 的容器元素内部。它不适用于普通的块级元素或内联元素。
◆具有 display: table-row 的元素本身并没有特别的样式，它主要用于定义包含在其中的表格单元格的布局和行为。
◆通过将子元素的 display 属性设置为 table-cell ，可以将它们放置在 display: table-row 元素中，并模拟表格行上的表格单元格。
下面是一个实例，展示了如何使用 display: table-row 和 display: table-cell 来创建一个简单的表格布局：
〓〓css代码如下：〓〓
.table {
display: table;
width: 100%;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
padding: 5px;
border: 1px solid black;
}〓〓html代码如下：〓〓
<div class="table"> <div class="table-row"> <div class="table-cell">单元格1</div> <div class="table-cell">单元格2</div> <div class="table-cell">单元格3</div> </div> <div class="table-row"> <div class="table-cell">单元格4</div> <div class="table-cell">单元格5</div> <div class="table-cell">单元格6</div> </div> </div>
在上面给出的示例中， .table 元素被设置为 display: table ，它作为包含表格行的容器。每个 .table-row 元素都被设置为 display: table-row ，以模拟表格中的一行。 .table-cell 元素被设置为 display: table-cell ，用于定义表格行上的表格单元格。
通过这样的设置，可以实现一个简单的表格布局，并对表格进行样式和布局控制。