Css 应用角度过滤器会导致布局中断

我定义了一个角度过滤器，根据其值将

+

或

-

字符前置为整数值。该值使用CSS类居中

然而，当浏览器居中时，似乎没有考虑到前置字符

什么是有效的解决办法

---

棱角的

angular.module('app', [])
.filter('customFormatter', function () {
    return function (input) {
        return (input > 0 ? '+ ' : '- ') + input;
    };
});

HTML

---

没关系，这似乎是由于按钮填充空间不足造成的。请参阅codepen.io/anon/pen/bVbdYW

您能否提供一些代码。这将有助于准确了解标记和css的外观。请查看编辑组织。您能否更改此代码以显示您的问题？我正试着去它，不管怎样，这似乎是由于按钮填充造成的空间不足造成的。看见

<button class="btn btn-block">
    {{ value | customFormatter }}
</button>

.btn {
   /* Default Bootstrap class */
   text-align: center;
}