按钮文字居中

gufudhn 2015-08-25

在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;


文章来源于易贤网http://www.ynpxrz.com/n731547c2022.aspx

相关推荐

ganyouxianjava / 0评论 2012-05-31