css - 我想水平对齐 b 和 a ，有没有简单的方法可以做到？

Question

当我写 <div name="a">Foo</div><div name="b">bar</div> ，我想要水平对齐而不是垂直对齐。怎么做？有没有一种简单的方法可以做到这一点？默认情况下，它是垂直对齐。

Answer 1

将 div 设置为内联 block :

.a, .b {
  display: inline-block;
}

这假定元素具有a 和b 的类，而不是您发布的HTML 中的名称。使用此方法，您还可以使用 vertical-align 属性垂直排列元素，即对齐到顶部、中间或底部:

+---+
|   | +---+
| A | | B |
|   | +---+
+---+