display: table;表示什么意思，举个列子解释一下

`display: table;` 是CSS（层叠样式表）中用于设置元素显示方式的一种属性值。它将元素表现得就像HTML中的 `<table>` 元素一样，通常用于创建更复杂的布局，而不必真正使用HTML表格标签。当元素被设置为 `display: table;`，它的子元素可以使用 `display: table-row;` 和 `display: table-cell;` 等类似表格单元格和表格行的值。

例如，当你希望创建一个两列的布局，但不希望使用表格标签时，可以这样使用 `display: table;` 和相关的CSS属性：

.container {
    display: table;
    width: 100%; /* 容器宽度 */
    border-spacing: 10px; /* 单元格间距 */
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
    border: 1px solid black; /* 单元格边框 */
    padding: 10px; /* 单元格内边距 */
}

.cell:first-child {
    background-color: #f0f0f0; /* 第一列背景色 */
}

.cell:last-child {
    background-color: #f9f9f9; /* 第二列背景色 */
}

HTML结构可能如下：

<div class="container">
    <div class="row">
        <div class="cell">第一列内容</div>
        <div class="cell">第二列内容</div>
    </div>
    <div class="row">
        <div class="cell">第三列内容</div>
        <div class="cell">第四列内容</div>
    </div>
</div>

在这个例子中，`.container` 类作为表格容器，`.row` 类表示表格行，`.cell` 类表示表格单元格。通过这种方式，你可以灵活地创建多列布局，而不受HTML表格布局的限制。