在div中水平对齐图像

时间:2012-08-28 14:23:06

标签: html css image alignment

想要水平对齐多个图像,如果有太多图像,请让它们向下流动。 (这是一个在wordpress帖子中间的迷你画廊)。

尝试在此网站上找到多个代码变体后,我仍然无法使其正常工作。但它在JSFiddle上工作得很好......

此处需要链接:

Working code at JSFiddle

Non-working code at my website(尽管上面使用了完全相同的代码)。

是否有人能够帮助我解决出错的问题?

* HTML和CSS在第一个'JSFiddle'链接

中很明显

* 使用最新版本的wordpress

问题已解决: (由于是新的,因此无法回答我自己的问题8小时)

自动格式化和自动文本在wordpress中自动将“中断”添加到图像超链接的末尾。

将“.photographs br {display:none;}”添加到CSS中,它运行正常!

3 个答案:

答案 0 :(得分:6)

您的图片之间有<br>个标签。删除它们,它将自行修复。

答案 1 :(得分:2)

删除代码中的<br/>

答案 2 :(得分:0)

问题解决了!

Auto Formatting中有AutoTextWordpress自动将<br />添加到我的图片超链接的末尾。

.photographs br {display: none;}添加到CSS,这是一种享受。