网站制作学习网DIV+CSS→正文:按钮文字的垂直居中
字体:

按钮文字的垂直居中

DIV+CSS 2012/4/13 21:57:39  点击:不统计

转载%77%77%77请%2E%66%6F%72%61%73%70%2E%63%6E注明
在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;
原载于:本文原载于www.forasp.cn

·上一篇: firefox浏览器下按钮文字不居中的解决办法 >>    ·下一篇:IE6下关于链接颜色失效的解决方法 >>
推荐文章
最新文章