0

这是我从 css 按钮生成器获得的代码，我想知道如何使它们都具有相同的大小，而不是使按钮调整为文本长度。

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #42aaff 0%,
        #003366);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#42aaff),
        to(#003366));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #003366;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.5);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.5);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);
}
4

3 回答 3

0

只需根据您最大的内容给它们一个固定的宽度。

于 2012-12-01T04:36:43.220 回答
0

您可以使用固定 px 或百分比来执行此操作。但诀窍是然后执行 text-align:center 并且我会将它们放入列表中：

http://codepen.io/anon/pen/CfjcG

于 2012-12-01T04:41:07.680 回答
0

好吧...您需要从中制作一个元素，该代码只是为您提供您在按钮创建器上设计的任何内容所需的效果，您需要将其应用于具有特定大小的元素..例子

.buttons{
    width:60px;
    height:30px;
    float:left;
    (all the button stuff)
}

如果你想要它不同的大小，只需改变宽度和高度的值......这应该可以......让我知道它是否有效...... :)

于 2012-12-01T05:31:04.387 回答