-1

最初の（リクエストの送信）ボタンが最初になるように、同じ行に並べて配置したい2つのHTMLボタンがあります。私が抱えている問題は、2 番目のボタンの上部が、下部のボタンの下部が終了するところから始まることです。margin-left: 50px 要素により、2 番目のボタンは正しく右に移動します。以下の 2 つのボタンの HTML をリストしました。

<button style="float: left;" onclick="javascript:submitRequests();">
    Submit Request(s)
</button>
<button style="float: left; margin-left: 50px" 
        onclick="javascript:document.location.reload(true);">
    Reset
</button>
4

3 に答える 3

1

Codepen または JsFiddle を使用してコードまたはアイデアを追加する前に試してください。

このソリューションの私の目的を確認することをお勧めします: http://cdpn.io/uKLga

2 つのクラスを追加し、このボタンのタイプ (送信とリセット) を定義するだけで簡単に実行できます。これらのクラスを使用すると、サイトごとにフォーマットするのに役立ちます。

于 2013-03-29T15:41:06.183 に答える
0

結局のところ、私がしなければならなかったのは、2 つのボタンの間のスペースを取り除くことだけでした。これは、余分なスペースにうるさいと思われる Drupal Web フォーム内にありました。

于 2013-03-29T18:21:22.340 に答える
0

これでうまくいくはずです：http://jsfiddle.net/cau4t/

<div class="container">
    <button onclick="javascript:submitRequests();">Submit Request(s)</button>
    <button onclick="javascript:document.location.reload(true);">Reset</button>
</div>

.container {
    overflow: hidden;
}

button {
    float: left;
}

button:first-child {
    margin-right: 50px;
}
于 2013-03-29T15:33:03.917 に答える