0

JqueryUIのツールバーを利用しています。

現在、ツールバーに2つのボタンがあります。1つのボタンを左に揃え、1つのボタンを右に揃えて、両方を同じ線上に配置したいと思います。

現在、私ができることは、両方のボタンを左または右に配置するか、一方のボタンを左側に配置し、もう一方のボタンを右側に配置することですが、下の行に配置するだけです。

ツールバーのコードスニペットは次のとおりです。

<span id="toolbar" class="ui-widget-header ui-corner-all">
                <div align='left'>
                        <input id='button' type="submit" value="My Decks" onclick="window.location.href='listDecks.php'"/>
                        <input id='button' type='submit' name='log-out' value='Logout' onclick="window.location.href='logout.php'" />
                </div>
        </span>

同じ行にそれらを取得するための提案があれば、私はそれを大いに感謝します！

4

1 に答える 1

3

私はあなたが何を望んでいるのか本当にわかりませんが、私は次のようなことをします：

<input id='button'class="left" type="submit" />
<input id='button' class="right" type='submit'/>

ボタンにCSSクラスを追加して、ルールを追加してフロートできるようにします。

.left {float: left;}
.right {float: right;}​

このライブ例を確認してください。

注あなたが持っているCSSコードがわからないので、これがあなたのために働くかどうかはわかりません。

私が考えることができるもう1つの問題は、「ui-widget」のcssコードをチェックすることです。これは、多くの場合、問題を引き起こす可能性があるためです。私は個人的にChromeの「inspectelement」またはMozillaのfirebugを使用しています。これらのツールは、「ライブ」CSS編集と優れたデバッグツールを提供します。

于 2012-11-07T00:04:29.723 に答える