在不使用所有宽度的情况下居中图像答案

【问题标题】：Center images without using all width在不使用所有宽度的情况下居中图像
【发布时间】：2014-10-22 18:38:44
【问题描述】：

我正在为 Wordpress 制作我的第一个主题，并且非常坚持。我怎样才能像这样对齐这些图像，而无需使用所有宽度获取 a-tag。（如果您单击第一张图像的右侧，则您正在关注链接而不单击图像）。

（已删除网站链接）

我不想在图像上设置固定宽度，但仍然让它们居中而不用锚来占据整个宽度。

【问题讨论】：

【解决方案1】：

尝试设置 p 的 text-align 样式（例如 text-align: center），然后更改 img 标签的样式。

img{
    display: inline;
}

【讨论】：

【解决方案2】：

您还可以将锚设置为显示块，然后给它一个宽度和边距：0 auto。而不是将 img 宽度设置为 100%。

我更喜欢这个而不是使用显示内联，因为它在某些布局中产生的问题更少。

【讨论】：