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

固定ピクセルまたはパーセンテージのいずれかでそれを行うことができます。しかし、秘訣はtext-align：centerを実行することです。また、それらをリストに入れます。

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

于 2012-12-01T04:41:07.680 に答える
0

最大のコンテンツに応じて、それらすべてに固定幅を与えるだけです。

于 2012-12-01T04:36:43.220 に答える
0

ええと...それから要素を作成する必要があります。そのコードは、ボタンクリエーターで設計したものに必要な効果を与えるだけです。特定のサイズを持つ要素に適用する必要があります..例

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

別のサイズが必要な場合は、幅と高さの値を変更するだけです...これでうまくいくはずです..うまくいくかどうか教えてください..:)

于 2012-12-01T05:31:04.387 に答える