首页 > 做了个圆形按钮,无法让里面的文字居中

做了个圆形按钮,无法让里面的文字居中

如题,代码在此连接里面

在 chrome 里面正常,可是在 firefox 就有点偏了 - -!!


可以用line-height控制文字的垂直居中


带宽足够的话,建议直接用图片实现


firefox对表单按钮有默认填充,这容易造成按钮宽度不一致。
hack方法如下:

cssbutton { padding:4px 15px; -moz-padding-start: 0; -moz-padding-end: 9px; }

以上是个示例,start必须清零,end的padding请自行进行计算,计算公式为 左右的padding减去6px。


同意 @brzhang

我看了一下代码,文字可以加<p></p>来控制padding


果然用的是button其实用input type='button'也是一样会这样,因为这个是按钮控件元素,如果你想要完全一致的话,那么最简单的办法就是用图片,稍微折腾一点就是用padding来撑开


高度一定的情况下,可以设置 line-height 达到基本居中

【热门文章】
【热门文章】