不使用表格元素，而是使用显示属性来显示一个基于数组的表格。
以下是一个使用显示属性来显示一个基于数组的表格的示例代码：
HTML代码：
姓名
年龄
性别
张三
25
男
李四
30
男
王五
28
女
CSS代码：
.table {
display: flex;
flex-direction: column;
border: 1px solid #000;
}
.table-row {
display: flex;
border-bottom: 1px solid #000;
}
.table-cell {
flex: 1;
padding: 10px;
}
.header {
font-weight: bold;
}
这个示例中，我们使用display: flex来创建一个基于数组的表格。.table类定义了表格的外部容器，它使用flex-direction: column来设置行的垂直排列。.table-row类定义了每一行，它使用display: flex来设置列的水平排列。.table-cell类定义了每个单元格，它使用flex: 1来让每个单元格均匀分布空间。.header类定义了表格的标题行，它使用font-weight: bold来加粗标题文本。
注意：这只是一个简单的示例，可能不适用于复杂的表格布局。如果需要更复杂的表格布局，建议使用HTML的表格元素（如
上一篇：不使用表格显示日期范围、
和 ）。
相关内容