Question

这是我从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);
}

Answer 1

根据你最大的内容，给它们一个固定的宽度。

Answer 2

您可以使用固定的px或百分比来执行此操作。但诀窍是然后做text-align：center，我也把它们放到一个列表中：

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

Answer 3

嗯......你需要用它制作一个元素，该代码只是为你提供你在按钮创建者设计的任何内容所需的效果，你需要将它应用于具有特定大小的元素..例如

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

如果你想要一个不同的尺寸，只需更改宽度和高度的值...这应该这样做..让我知道它是否有效.. :)

Navbar链接/项目与CSS相同的大小

3 个答案: