Html 带表格显示的div：对齐问题

我有以下代码：

div{
框大小：边框框；
边框样式：实心；
}
分区表{
显示：表格；
}
分区行{
显示：表格行；
}
分区单元{
显示：表格单元格；
}
部门标志{
宽度：200px；
高度：200px；
边框颜色：红色；
}

所容纳之物

使用

垂直对齐：top

垂直对齐表格单元格。

div

s的默认样式表定义中通常有

vertical align:baseline

，这解释了您看到的显示。请注意，默认情况下，实际表格单元格（

td

和

th

元素）具有

vertical align:middle

div{
框大小：边框框；
边框样式：实心；
}
分区表{
显示：表格；
}
分区行{
显示：表格行；
}
分区单元{
显示：表格单元格；
垂直对齐：顶部；
}
部门标志{
宽度：200px；
高度：200px；
边框颜色：红色；
}

所容纳之物

你是这个意思吗？ 添加了

垂直对齐：顶部

到

div.cell

div{
框大小：边框框；
边框样式：实心；
}
分区表{
显示：表格；
}
分区行{
显示：表格行；
}
分区单元{
显示：表格单元格；
垂直对齐：顶部；
}
部门标志{
宽度：200px；
高度：200px；
边框颜色：红色；
}

所容纳之物

添加

垂直对齐

属性

div{
框大小：边框框；
边框样式：实心；
}
分区表{
显示：表格；
}
分区行{
显示：表格行；
}
分区单元{
显示：表格单元格；
垂直对齐：顶部；
}
部门标志{
宽度：200px；
高度：200px；
边框颜色：红色；
}

所容纳之物

在css中使用

垂直对齐：top

div.cell {
   display: table-cell;
   vertical-align: top;
}

---

以下内容应该可以正常工作：

div{
框大小：边框框；
边框样式：实心；
}
分区表{
显示：内联块；/*更改了此行*/
}
分区行{
显示：flex；/*更改了此行*/
}
分区单元{
/*删除的样式*/
}
部门标志{
宽度：200px；
高度：200px；
边框颜色：红色；
}

所容纳之物

嗯，我想你是对的。无论如何，不需要表格样式。您只需删除它们，然后在

div.table