1

次のようなボタンツールバーを作成しようとしています:

/------+--------+-------\
| left | middle | right |
\------+--------+-------/

このfiddleでしなければならないことは、ボタン間の余白をなくすことだけです。しかし、マージンに負の値を使用せずにこれを行うにはどうすればよいでしょうか? これは可能ですか、またはツールバーを作成するためのより良い方法はありますか?

HTML :

<button class=left>left-button</button>
<button>middle-button</button>
<button class=right>right-button</button>

CSS :

button {
    border-radius: 0px;
    border: 1px solid green;
    margin: 0;
}
.left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
4

4 に答える 4

2

以下のように、ボタン間のスペースを削除します。

<button class=left>left-button</button><button>middle-button</button><button class=right>right-button</button>

.

button {
    border-radius: 0px;
    border: 1px solid green;
    margin: 0px;
}

http://jsfiddle.net/4ssd9/7/

于 2013-10-24T17:40:57.480 に答える