即使其中的文本增加，也应修复按钮大小

Question

我希望按钮大小固定大小，即使按钮上的文字增加了。

我现在使用的代码：

＆＃13;

＆＃13;

.button {
  border: none;
  color: white;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 1px 1px;
  transition-duration: 2s;
  cursor: pointer;
}
.button4 {
  background-color: #428BCA;
  color: white;
  height: auto;
  width: auto;
}
.button4:hover {
  background-color: #C0C0C0;
}

＆＃13;

<button class="button button4">Simplfy!
  <br>Bona PARTe @ PT</button>

＆＃13;

＆＃13;

＆＃13;

Answer 1

为按钮添加宽度，高度，如果要查看溢出文本，请写入overflow: auto

.button4 {
    width: 200px;
    height: 100px;
    overflow: auto;
}

这里是fiddle

Answer 2

您需要为按钮height: 100px; width: 100px;指定固定的宽度和高度，自动无效。 auto选项将适应按钮所在的任何对象。