无法将图像居中（css）

我有一个幻灯片，图片大小不一，但大小不超过530*549。对于较小的图像，如何输入它们？我想做的事情的照片。我可以添加边距/填充，但它会强制屏幕下方已有530x549个图像

---

我的网站

如果你想让它垂直对齐中心，那么仅仅使用div和CSS是不可能的（至少在所有浏览器中）。您需要使用Javascript来正确定位它

或者，如果您不了解较旧的浏览器，请查看名为的新Webkit CSS3属性

---

下面是一个将图像放入800x800px框中并使用Flexbox自动对齐的示例：

如果您希望将其垂直对齐到中心，则仅使用div和CSS是不可能的（至少在所有浏览器中）。您需要使用Javascript来正确定位它

或者，如果您不了解较旧的浏览器，请查看名为的新Webkit CSS3属性

---

下面是一个示例，其中一个图像被抛出到一个800x800px的盒子中，并使用Flexbox自动对齐：

您可以使用

显示：表格单元格

，然后使用

垂直对齐：中间

我可以看到您当前正在使用jQuery提供

.gal\u content

显示：block

，因此您需要将其更改为

表格单元格

.photospace .slideshow-container {
    position: relative;
    clear: both;
    height: 450px;

---

您可以使用

display:table cell

，然后使用

vertical align:middle

我可以看到您当前正在使用jQuery提供

.gal\u content

显示：block

，因此您需要将其更改为

表格单元格

.photospace .slideshow-container {
    position: relative;
    clear: both;
    height: 450px;

---

给出与DIV的

高度

相同的行高度。如下所示：

.photospace .gal_content{
    display:table-cell;
    vertical-align:middle;
    float: right;
    width: 530px;
    height: 549px;
}

---

给出与DIV的

高度

相同的行高度。如下所示：

.photospace .gal_content{
    display:table-cell;
    vertical-align:middle;
    float: right;
    width: 530px;
    height: 549px;
}

---

在我看来，它们工作正常……在我看来，它们工作正常……”“如果您的意思是希望将其垂直对齐到中心，那么仅使用div和CSS是不可能的（至少在所有浏览器中）。什么？请解释一下。我的意思是使用CSS，你不能将div内部的任何内容与垂直中心对齐，要做到这一点，你需要使用实际上不应该用于此的表格或使用Javascript。“如果你的意思是希望将其垂直对齐中心，这是不可能的（至少在所有浏览器中）纯粹使用div和CSS”。什么？请解释。我的意思是使用CSS，你不能将div内的任何东西与垂直中心对齐，要做到这一点，你需要使用不应该用于此的表格或使用Javascript。这只有在你100%知道图像高度的情况下才有效。例如，如果使用高度为510px的图像，它将不起作用。@BePatient请参阅OP图像，因为他定义了固定的div高度。只有当您100%知道图像的高度时，这才起作用。例如，如果使用高度为510px的图像，则该图像将不起作用。@BePatient请参阅OP图像，其中他定义了固定的div高度。@user1421414如果我能够提供帮助，您可以正式回答。在这里，这是一种相当固定的（也是很好的）感谢方式@用户1421414如果我能帮上忙，你可以通过正式的回答表示感谢。在这里，这是一种相当固定的（也是很好的）感谢方式