CSS中div内button垂直对齐异常：多行文本致额外间距

针对你遇到的按钮文本换行后上方空白、整体偏移的问题，给你几个具体的排查和修复方向：

• 给.myBtnContainer里的按钮统一设置垂直对齐：添加CSS vertical-align: top;，行内块元素默认的基线对齐会因为元素高度不同（两行文本比一行高）导致偏移，强制顶部对齐能快速解决问题。
• 改用Flex布局管理按钮容器：给.myBtnContainer加上display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px;（gap值可以根据你的需求调整），Flex布局会自动处理不同高度元素的行对齐，彻底避免这种偏移问题，这是最省心的方案。
• 检查按钮的行高与内边距：统一设置按钮的line-height（比如line-height: 1.5;），确保换行后的行高一致，同时确认按钮的padding-top是否有继承或异常值（有时候Safari的默认样式会有差异，可以加上padding-top: 0;重置后再调整）。
• 排查margin属性：别只看padding，检查按钮的margin-top是否有非预期的数值，尤其是换行的按钮是否被添加了额外的margin。

内容的提问来源于stack exchange，提问作者Benjamin Hagan