将HTML正文内容垂直和水平居中对齐

我创建了一个JSFIDLE，其中粘贴了从另一个堆栈交换线程在线获取的代码，以展示如何使用滚动的响应表。我在测试该方法时修改了该代码，它在我的机器上运行得非常好。我唯一的问题是整个桌子都是顶部对齐的。我只是不知道需要改变什么属性才能使整个桌子水平和居中对齐。如果大师们有什么建议，那就太好了

JSFIDLE是

我尝试添加垂直对齐：中间

似乎不起作用

此外，实际图像在TD内底部对齐。是否可以使它们居中对齐

谢谢

谢谢

在受支持的浏览器（大多数）中，您可以使用top:50%/left:50%与translateX（-50%）translateY（-50%）结合使用，以动态地垂直/水平居中元素

.container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);}

在受支持的浏览器（大多数）中，您可以使用top:50%/left:50%与translateX（-50%）translateY（-50%）结合使用，以动态地垂直/水平居中元素

.container {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);}

---

试试flexbox:试试flexbox:谢谢Jayanit！成功了。该问题的另一部分与未被验证的实际图像有关。虽然图像被破坏，但边界是可见的。您将注意到第一个图像是底部对齐的。我为TD尝试了valign=“Middle”，但没有成功。谢谢Jayanit！成功了。该问题的另一部分与未被验证的实际图像有关。虽然图像被破坏，但边界是可见的。您将注意到第一个图像是底部对齐的。我为TD尝试了valign=“Middle”，但没有成功。