水平对齐 div 中的图像答案

【问题标题】：Horizontally align images within a div水平对齐 div 中的图像
【发布时间】：2012-08-23 02:07:40
【问题描述】：

希望水平对齐多张图片，如果图片太多，让它们顺着页面向下流动。（这是一个 wordpress 帖子中间的迷你画廊）。

在尝试了在此站点上找到的多种代码变体后，我仍然无法使其正常工作。但是它在 JSFiddle 上运行良好......

此处需要链接：

Working code at JSFiddle

Non-working code at my website（即使使用与上面完全相同的代码）。

有人可以帮助我解决问题吗？

*HTML 和 CSS 在第一个“JSFiddle”链接中很明显

*使用最新版本的 wordpress

问题已解决： （由于是新手，我在 8 小时内无法回答我自己的问题）

wordpress 中有自动格式化和自动文本，它会自动在我的图像超链接的末尾添加“中断”。

在 CSS 中添加了“.photographs br {display: none;}”，效果很好！

【问题讨论】：

【解决方案1】：

您的图像之间有<br> 标签。删除它们，它会自行修复。

【讨论】：

【解决方案2】：

删除代码中的<br/>。

【讨论】：

【解决方案3】：

问题解决了！

Wordpress 中的 Auto Formatting 或 AutoText 会自动将 <br /> 添加到我的图像超链接的末尾。

在CSS 中添加了.photographs br {display: none;}，这是一种享受。

【讨论】：