水平对齐顶部div内的元素

Question

我想水平对齐这些元素：

<div class="row">
  <div class="block">xxxxx</div>
  <div class="block">xxxx</div>
  <div class="block">xxx</div>
  <div class="block"><select multiple></select>
</div>

.row {
  width: 100%;
  /*margin: 0 auto;*/
    text-align: center;
}
.block {
  width: 100px;
  /*float: left;*/
    display: inline-block;
    zoom: 1;
}

但是，我在前面的代码中看到的输出是：

               divS
               divS
div1 div2 div3 divS

我想找到一种方法将前三个div与select的顶部对齐而不是底部。

div1 div2 div3 divS
               divS
               divS

有可能吗？

Answer 1

将vertical-align:top添加到 .block 类。如果你想要，请告诉我。

.block {
  width: 100px;
  /*float: left;*/
    display: inline-block;
    zoom: 1;
    vertical-align:top;
}
.row {
  width: 100%;
  /*margin: 0 auto;*/
    text-align: center;
}