如何将单独HTML表的所有元素居中

我试图创建一个网站，其中有四个标题以上的四幅图片和四个描述以下。对于标题和描述，我使用/创建了两个不同的表。使用边距相应地放置图像。这些桌子在我的电脑上看起来不错，但当转移到更大的屏幕上时，它们会移到左边。我发现让它们兼容并在所有大屏幕上都好看的方法是把桌子放在中间。我曾尝试在表格中使用align:center并包括style=“text align:center；”，但两者都不起作用。我怎样才能解决这个问题。提前谢谢你的帮助。非常感谢。以下是我目前的代码：

.mobile\u title{
边缘顶部：25px；
字体大小：25px；
颜色：黑色；
左边距：105px；
字体系列：“Oswald”，无衬线；
}
.text_下{
字体大小：15px；
颜色：灰色；
字体系列：“Oswald”，无衬线；
宽度：150；
文本对齐：居中；
}
.手机{
边缘顶部：30px；
左边距：160像素；
}
.笔记本电脑{
左边距：140像素；
边缘顶部：45像素；
}
.编码{
左边距：155px；
边缘顶部：45像素；
}
.数据库{
左边距：150像素；
边缘顶部：45像素；
}
.装载{
边界塌陷：分离；
边框间距：130px 10px；
}
.kbg{
边界塌陷：分离；
边框间距：155px 10px；
}

移动开发
网络开发
后端开发
数据库创建
为iOS和Android设备创建应用程序。这还包括网站的移动优化，使其在所有设备上都能响应。
使用多种编程语言（包括HTML、CSS和自定义word press）创建基于web的网站。在创建阶段之后，这些网站将在线托管，供所有人观看。
网站执行所需任务所需的过程和支持信息。信息是用代码写的，这个过程叫做编程。
所有支持信息的存储位置。这还可以保存所有重要文件，包括开发网站和/或移动应用程序的后端。

将图像放在新行中，每个图像在单独的列中，对描述文本也要这样做。要使图像居中，请使用：

td img{
    display: block;
    margin-left: auto;
    margin-right: auto;

}

对于居中文本添加：

text-align: center;

在你的课堂上

这是您的JSFIDLE：

---

编辑：是的，您需要删除附加到img元素的所有类。

根据我的评论，使用flexbox比使用表格更容易

.load wrap{
显示器：flex；
柔性包装：包装；
文本对齐：居中；
字体系列：“Oswald”，无衬线；
/*居中-可选*/
宽度：75%；
保证金：自动
}
.装载{
弹性：1；
填充：20px；
框大小：边框框
}
·流动电话{
边缘顶部：25px；
字体大小：25px；
颜色：黑色；
}
.text_下{
字体大小：15px；
颜色：灰色；
}
.手机{
边缘顶部：30px；
}

移动开发
为iOS和Android设备创建应用程序。这还包括网站的移动优化，使其在所有设备上都能响应。
移动开发
为iOS和Android设备创建应用程序。这还包括网站的移动优化，使其在所有设备上都能响应。
移动开发
为iOS和Android设备创建应用程序。这还包括网站的移动优化，使其在所有设备上都能响应。
移动开发
为iOS和Android设备创建应用程序。这还包括网站的移动优化，使其在所有设备上都能响应。

站点的表格非常简单90s@dippas. 我同意你的看法。想不出其他方法如何实现这一点，但你听说过flexbox吗？只是一个example@dippas. 我曾经说过，但是有人告诉我，表格对于这份工作来说是最可靠的。为什么不使用div来进行这种格式化呢。非常感谢help@Kg123尼玛·纳塞姆。您可以将其标记为已解决，而不是：）我如何在图片和文本之间设置边距。我试着使用右边距和左边距，但没有work@Kg123在

中尝试
页边空白顶部：30px
。

下的text_（如果我理解您的要求）（

30px

或您想要的任何其他值）在上面写错了东西。我怎样才能在图片和文本的边上放置边距，使它们之间有更多的空间horizontally@Kg123您需要将

padding

应用于

load

请参阅更新的答案/代码段我添加了padding，但它似乎不起作用。我需要它在屏幕上伸展更长的距离。它是在中间压缩的