当屏幕尺寸变小时，如何使按钮不调整宽度

Question

当屏幕尺寸变小时，我希望按钮的宽度不要改变。我应该怎么做才能保持添加管理员按钮的形状不变？

按钮的形状是这样的：我的按钮

我希望形状保持这样：期望结果

这是我的CSS代码：

.button {
background-color: black;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
padding: 10px 25px;

Answer 1

您根本不需要加宽按钮只需控制文本，使其不会在不同的设备上断线

.button { 
...
white-space  : nowrap;
overflow     : hidden;
text-overflow: ellipsis
}

Answer 2

{
min-width: (desired value) px!important;
max-width: (desired value) px!important;
}

设置一个静态值应该有效：(如果你想在所有设备中完全相同，请将它们设置为相同的值：(

Answer 3

添加white-space: nowrap;

.button {
background-color: black;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
padding: 10px 25px;
white-space: nowrap;
}