离子2上的尺寸按钮

Question

一个非常简单的问题，

我希望我所有的按钮在离子2中占据我的列宽度的90％，而不是依赖于文本

.button-pink {
    color: #F63566;
    background-color: white;
    text-transform: uppercase;
    font-size: 75%;
    border: 2px solid #F63566;
    padding: 6% 23%;
    margin: auto;
    white-space: nowrap;
    text-align: center;
    font-family: "SanFranciscoText-Regular";
    font-weight: bold;
    letter-spacing: 0.3em;
}

这是我的按钮CSS，我无法设法使它们适合列的宽度，而不是依赖文本（如果我更改按钮内的文本，大小正在改变，并且我不喜欢想要那个）

提前感谢您，并感谢所有人！

Answer 1

您需要设置CSS中按钮的宽度。

.button-pink {
  width: 90%;
}