通过CSS内联显示图像

Question

我有三个图像,我想在一行中彼此相邻显示.

这是HTML:

<div id="client_logos">
<img style="display: inline; margin: 0 5px;" title="heartica_logo" src="https://s3.amazonaws.com/rainleader/assets/heartica_logo.png" alt="" width="150" height="50" />
<img style="display: inline; margin: 0 5px;" title="mouseflow_logo" src="https://s3.amazonaws.com/rainleader/assets/mouseflow_logo.png" alt="" width="150" height="50" />
<img style="display: inline; margin: 0 5px;" title="piiholo_logo" src="https://s3.amazonaws.com/rainleader/assets/piiholo_logo.png" alt="" width="150" height="50" />
</div>

这是CSS:

#client_logos { display: inline-block; }

出于某种原因,它只显示彼此相邻的两个徽标.不确定是什么问题.有任何想法吗？

网址:http://rainleader.com/who-we-are/

见截图.

Answer 1

您<br>的标记中的第二个和第三个图像之间有换行符.摆脱它,它将显示内联.

Answer 2

您在此处发布的代码和您网站上的代码都不同.<br>第二张图片后有一个中断,所以第三张图片进入新行,删除<br>它,它将正确显示.