css - ionic 2 上的大小按钮与 col

Question

一个很简单的问题，

我希望我所有的按钮在 ionic 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%;
}