一种解决方案是让文字底部对齐。下面介绍一些方法：
1. 改变line-height属性
line-height属性可以控制行高，即一行文字的高度。将line-height属性的值设置为按钮的高度即可实现文字底部对齐。如下所示：
button{height: 30px;line-height: 30px;}这样设置后，按钮文字的底部会和按钮的底部对齐，从而达到理想的效果。
2. 使用flex布局
使用flex布局也是一种解决方法。flex布局是CSS3中的一种新布局模式，它可以让元素自动适应容器的大小，从而实现对齐效果。如下所示：
.button{display: flex;align-items: flex-end;}这样设置后，按钮文字的底部就会和按钮的底部对齐。
3. 使用vertical-align属性
vertical-align属性可以控制元素的垂直对齐方式。将vertical-align属性的值设置为bottom即可实现文字底部对齐。如下所示：
button{vertical-align: bottom;}这样设置后，按钮文字的底部就会和按钮的底部对齐。
总结
通过上述几种方法，可以实现按钮文字底部对齐的效果。其中，改变line-height属性可以说是最简单的方法，但是不适用于所有的排版情况。使用flex布局和vertical-align属性则非常灵活，可以适用于多种情况。需要根据实际情况选择合适的方法。
上一篇：javascript中定义函数的关键字
下一篇：css按钮平均分布
