Question

.buttonScheme1 {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05,       #33bdef), color-stop(1, #019ad2));
background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef',endColorstr='#019ad2',GradientType=0);
background-color:#33bdef;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:3px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
    padding: 30px 30px; 
text-decoration:none;
    min-width: 50px;
    min-height: 40px;
    max-height: 40px;
    max-width: 50px;
}

我想增加文本宽度，以便即使按钮名称较大，文本也可以在按钮内调整。在当前情况下，宽度较小，因此文本将进入下一行。

Answer 1

我认为您必须调整填充和宽度。

填充将偏移按钮内的文本。如果将填充减少到10px并将宽度设置为90px（丢失的填充为50px + 40px），这将为您提供更多文本空间。

在某些时候 - 取决于你有多少文字 - 你必须增加按钮宽度。

您还可以使用：box-sizing: border-box;在不调整宽度的情况下自由调整填充。

如何增加CSS按钮中文本的宽度，保持按钮宽度不变？

1 个答案: