Css 为什么这两个内联块没有对齐？

这两个内联块

应该（至少，我认为它们应该）对齐：

一月
21
星期三

我以像素精度设置了每个

的高度：

.calendar{
显示：内联块；
宽度：80px；
高度：74px；
}
.日历.月份{
背景颜色：耐火砖；
边界半径：3px3px0；
}
.日历.月份名称{
颜色：白色；
字体大小：13px；
文本对齐：居中；
高度：26px；
}
.日历.日期{
背景色：亚麻布；
边界半径：0 0 3px 3px；
}
.日历.日期.天数{
颜色：黑色；
字号：26px；
字体大小：粗体；
文本对齐：居中；
高度：30px；
}
.日历.日期.日期名称{
颜色：暗灰色；
字体大小：10px；
文本对齐：居中；
高度：18px；
}
.按钮{
背景颜色：银色；
显示：内联块；
边界半径：3px；
宽度：220px；
高度：74px；
}

但这会产生以下结果：

下面是这段代码的一部分

这让我抓狂，但结果在多个浏览器中是一致的，所以我一定是做错了什么

---

有人能解释原因并提供解决方案吗？

在任何具有内联块的对象上执行

垂直对齐：top

日历{垂直对齐：顶部；}

---

说明：内联块仍然是“内联”的，垂直对齐是基线，这意味着它们不一致，高度会有所不同，顶部使它们始终从顶部开始。

在日历div中将垂直对齐设置为顶部

.calendar {
    display: inline-block;
    width: 80px;
    height: 74px;
    vertical-align:top;
}

---

谢谢，你能解释一下原因吗？因为默认的垂直对齐方式是基线，你需要它们顶部对齐。谢谢，你的答案是相等的，我接受了其中一个，并对另一个进行了投票！谢谢，你能解释一下原因吗？内联块仍然是“内联”的，垂直对齐是基线，这意味着它们不一致，高度也会有所不同，

top

使它们始终从顶部开始。@Oriol“这个问题以前问过，现在已经有了答案”。不，我以前问过这个问题。最好将另一个问题标记为这个问题的副本？是的，你的问题比较老，但另一个问题更“受欢迎”：3953对155个视图，10对1的赞成票，1对0的赞成票，34对5的赞成票。如果你不同意的话，可以自由讨论。我想这是有道理的。尽管如此，收到“这个问题以前被问过”的信息还是很不礼貌的；这一信息可以改进。