Question

我创建了一个JSFIDDLE，其中我粘贴了从另一个堆栈交换线程在线获取的代码，以显示如何使用滚动来响应表。我在测试方法的同时修改了代码，它在我的机器上运行良好。我唯一的问题是整个表是顶部对齐的。我只是无法确定需要更改哪些属性才能使整个表格水平和居中对齐。如果任何一位大师有任何建议会很棒！

JSFIDDLE是here

background-size: 50px 50px;
background-color: #fff;
background-size: 50px 50px;
vertical-align: middle;

我尝试添加Vertical-align：middle

似乎无法正常工作

实际图像也在TD内底部对齐。是否有可能使它们居中对齐。

由于

谢谢！

Answer 1

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

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