按钮文字的垂直居中

2014-11-03来源：易贤网

2025年事业单位联考系统精讲课程全新上线，包邮赠送配套纸质讲义资料，欢迎免费试看！>>

在html地按钮中，怎么才能让文字垂直居中呢，包括在各个浏览器下，比如火狐，chrome

在firefox chrome opera等浏览器里，文字是默认垂直居中地，但是在ie 6 7 8下都是不居中地（ie还真是让人崩溃），这个时候第一想法就是给这个按钮写line-height啦，height:24px;line-height:24px; 写了最正常地一句，这时测试，发现只有ie6正常了，其它浏览器无变化，那只好继续写，line-height:24px;*line-height:26px;_line-height:20px; 这样写之后很开心，发现ie6 7 8都正常了，但是开心没一秒钟就杯具地发现chrome又不正常了，文字快靠底下了，只好继续修改，line-height:24px;line-height:26px\9;*line-height:26px;_line-height:20px;

更多信息请查看IT技术专栏