Question

我这里有一点CSS问题。我正在创建一个简单的按钮，我有所需的效果和所有;但是当我将宽度设置为width:100%时，按钮不会停止并且像auto一样。我把我的代码放在下面，目前效果已经有了。

a.abutton {
    display:block;
    background-color: #49b4df;
    background-image: -webkit-linear-gradient(#49b4df, #2497c5);
    background-image: -moz-linear-gradient(#49b4df, #2497c5);
    background-image: -o-linear-gradient(#49b4df, #2497c5);
    background-image: linear-gradient(#49b4df, #2497c5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49B4DF', EndColorStr='#2497C5');
    width: auto;
    height: 31px;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 5px 5px;
    border: 0px none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px #919191;
    -webkit-box-shadow: 1px 1px 2px #919191;
    box-shadow: 1px 1px 2px #919191;
}

问题：如何停止按钮展开并停止文本停止的位置？

Answer 1

尝试更改

display: block;

通过

display: inline-block;

“width：auto”使用“display：block。”继承父“width”。

Answer 2

您需要将显示更改为内联块

文本停止的停止按钮

2 个答案: