jquery - 文本对齐居中而不是按钮中的文本居中

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'
})

有没有人有办法让 Angular 色在按钮中间居中？我让它在悬停时旋转，所以如果它不在中心，它的旋转看起来会摇晃。

Answer 1

您的问题可能与您的按钮所在的容器元素的字体大小有关。150% 的 font-size 与某物有关，而宽度和高度以像素为单位固定。这可能会给您带来意想不到的结果。

比照。在这个 JSFiddle 中可能出错的地方的例子:https://jsfiddle.net/xukmLzvz/