html - 如何完美对齐图片？

Question

我如何完美地对齐我的照片 我已经将它们并排放置，但有些比另一张略低，而且我无法将它们放在同一条线上。除了相对位置我还可以使用吗？

这是我的代码:

#newRelises{
  width:650px;
  float:left;
  margin-left:15px;
  margin-top:5px;
}

#newRelises img{
  width:170px;
  height:170px;
  float:left;
  display:inline;
  margin-left:15px;
  margin-bottom:15px;
}

Answer 1

试试这个:

1. 从 #newRelises 和 #newRelises img 中删除 float:left
2. 将 display:inline 更改为 display:inline-block
3. 如果您希望图像居中，请将 text-align:center 添加到 #newRelises