ボタンの中央にテキストが配置されていないテキスト

Question

属性が'text-align':'center'の正方形のボタンがあります。私はそれが私が使用しているUnicode文字（9881）としなければならないかもしれないと思うが、私はよく分からない

​​

：しかし内のテキストの左側に余分なパディングがあるように見えます。ボタンのCSSは次のようになります。

$(prefButton).text(String.fromCharCode(9881)).css({ 
    'position':'absolute', 
    'border':'1px solid black', 
    'width':'40px', 
    'height':'40px', 
    'background-color':'transparent', 
    'bottom':'3px', 
    'left':'40px', 
    'font-size':'150%', 
    'text-align':'center' 
}) 

誰もが右ボタンの真ん中に文字を中央にするためのソリューションを持っていますか？私はそれが回転しているので、それは回転が揺れるように見えるので、中心に正しくない場合は、回転しています。

Answer 1

あなたの問題は、おそらくあなたのボタンが中にあるコンテナ要素のフォントサイズに関連している。幅と高さをピクセル単位で固定されている間、150％のfont-sizeは、何かに相対的です。それは予期しない結果をもたらす可能性があります。

Cf.このJSFiddleでどこが間違っているかの例：https://jsfiddle.net/xukmLzvz/