代码如下：
4
703
在这里，container里面有三个a标签，并设置为display:inline-block;然后设置宽高。
如代码所示，如果三个a标签中，只要有一个，内容为空，则三个就不等高，另外两个会低一截。
效果是这样：
但是如果三个标签都有内容，则不会出现这样的问题。
还请指教，这是怎么回事呢？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
这个涉及到display inline-block 元素的
vertical-align的对齐方式的问题我们知道默认的
vertical-align值为这是一种与父级元素基线对齐的方式，因此，当a标签内的行数不同时，都无法对齐，为了能够在兄弟元素之间对齐，这里提供了三种方式都可以实现，他们分别是
默认属性是baseline，空容器的基线在底部。
可以理解成是一段文字和一张图片的混排状态。【有宽高的文字】【图片】【有宽高的文字】
.container a里加一句vertical-align: middle;