0

私は次のコードを持っています

                        <div class="form-horizontal" >
             <div class="form-actions" id="sub"  >
                <button type="button" class="btn btn-primary" id="Schedulem" value="Schedule," name="Schedulem" > Schedule Maintenance </button>
                <button type="button" class="btn" onclick="cancel()" > Cancel </button>
             </div>
         </div>
         <div class="form-horizontal" >
            <div class="form-actions" id="sub1" style="display :none" >
                <button type="button" class="btn btn-primary" id="Schedule1" value="Schedule1" name="Schedule1" onclick="Schedule1()"> Schedule Maintenance </button>
                <button type="button" class="btn" onclick="cancel()" > Cancel </button>
            </div>
         </div>

問題は、2 番目の Div クラスで style="display :none" を使用しているため、schedule1 ボタンと [キャンセル] ボタンが別の行に表示されていることです。Div タグからスタイルを削除すると、インラインになります。これを解決する方法はありますか？

Javaスクリプトを使用しており、特定の条件に基づいて、seconf DIVを表示可能にします

4

2 に答える 2

0

使用する

visibility:hidden

非表示になりますが、ドキュメント内の場所は保持され、書式設定は保持されます。ディスプレイはそれを消滅させ、ドキュメントの流れの中でそれを維持しません。実行可能性はそれを見えなくしますが、それでもフローの中でその場所を保ちます。

カスケード スタイル シート レベル 2 リビジョン 1 (CSS 2.1) 仕様:

「visibility」プロパティは、要素によって生成されたボックスがレンダリングされるかどうかを指定します。非表示のボックスは依然としてレイアウトに影響します (ボックスの生成を完全に抑制するには、'display' プロパティを 'none' に設定します)。

  1. jsFiddle の例を次に示します (テキスト ボックスをスクロールします) http://jsfiddle.net/joshnh/7JyRH/

  2. このトピックに関する良い記事: http://joshnh.com/2011/07/30/display-none-vs-visibility-hidden/

于 2013-05-20T08:24:02.627 に答える