display:inline之后如何对齐

有时因为需要会把2个div变成行内元素,方法就是display:inline-block,但是这样会出现一个问题。

就是这2个div中的内容会变得高低不平。

造成这个的原因应该就是基线变了。

解决方法:

给inline-block元素添加vertical-align:middle or top or bottom

你可能感兴趣的:(display:inline之后如何对齐)