Html 当垂直对齐顶部时，表格单元格在多个屏幕尺寸上创建1px偏移

我在50/50表格单元格布局中遇到问题-代码如下：

。表包装器{
显示：表格；
宽度：100%；
最大宽度：1200px；
}
.表格单元格{
显示：表格单元格；
垂直对齐：顶部；
}
img{
显示：块；
最大宽度：100%；
}

这是一个测试
这是一个更长的测试

不确定，但我认为这应该是可行的

.table-cell img {
    display: block;
    max-width: 100%;
    height:auto;

}

---

被这个问题难住了-不知道如何在

表格

布局中修复它。但我有以下

flexbox

es的解决方案：

Flexbox解决方案：

将

表格

显示替换为

flexbox

。检查一下，让我知道你的反馈。谢谢

。表包装器{
显示器：flex；
宽度：100%；
最大宽度：1200px；
}
.表格单元格{
垂直对齐：顶部；
}
img{
显示：块；
最大宽度：100%；
}

这是一个测试
这是一个更长的测试

我更新了代码笔，但仍然存在相同的问题：/try add vertical align:top；to.table-cell.table-cell{vertical align:top；}已在示例中感谢您的努力！你的例子看起来很棒，我可能会同意，即使在这个特定的例子中：我更喜欢表格布局，所以关于这个问题的任何想法，使用display:table；仍然很感激。@JannikMüller检查：@JannikMüller:看起来这是一个

亚像素问题

，无法使用表格解决。。。我们将不得不选择其他解决方案。查看我上面给出的新解决方案。