Question

我有你在图片中看到的问题。这是一个有三列的div。这个div有一个display：table属性，每个列都有一个display:table-cell属性。问题在于，正如您所看到的，当中间列完成其内容时，左侧和右侧列开始显示其内容，并且它们应该从顶部开始写入，作为中间列。

我不知道它为什么会这样，因为与其他CSS中的任何其他规则都没有冲突。我在其他示例中看到，没有必要定义table-column或table-row来获取该样式。

我应该如何声明div以获得所需的结构？

Answer 1

您不需要表格，也不需要进行展示：table。

只需使用css样式制作三列布局，这就是您想要实现的目标。

请检查此链接，例如：

Answer 2

这是一个有效的例子： http://jsfiddle.net/NyqGQ/1/

请注意“border-collapse”属性，以合并容器和子边框。

Answer 3

尝试将vertical-align属性设置为表格单元格的顶部。

.your-table-cells
{
    vertical-align:top;
}