html - 强制图像不换行

Question

我无法触及 html 主题，但我可以访问 css 文件。

<div class="photos">
    <img src="a.jpg" alt="" align="left" /> 
    <img src="b.jpg" alt="" align="left" />
    <img src="c.jpg" alt="" align="left" />  //align makes the images wrap
</div>

不幸的是我无法从图像中删除 align="left"否则这个 CSS 片段就可以完成工作

.photos{
    white-space: nowrap;
}
.photos img{
    display: inline;
    vertical-align: top;
}

有什么想法吗？是否可以在不使用表格的情况下仅使用 CSS 的情况下使这些图像水平排列？
非常感谢!

Answer 1

试试 float: none; :

.photos img{
  display: inline;
  vertical-align: top;
  float: none;
}