强制图像不包裹

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;
}