如何将图像和图像并排排列，但也将它们居中？

Question

<div class="image">
</div>
<div class="form">
</div>

.image{
  float:left;
}

.form{
  float:left;
}

这会将它们并排放在屏幕的左侧。但我怎样才能让他们居中呢？

Answer 1

您必须更改所有行为。首先将html包装成这样：

<div class="wrapper">
    <div class="image">
    </div>
    <div class="form">
    </div>
</div>

CSS：

.wrapper {
    text-align : center;
}
.image, .form {
    display: inline-block;
    vertical-align: top;
}