テーブルを使用せずに Div を水平方向に整列させるにはどうすればよいですか?

水平方向の Div 配置

テーブルを使用せずに 2 つの div を水平方向に配置するには、それらを親コンテナ内でフロートさせます。これを実現する方法の詳細な内訳は次のとおりです。

1. Div をフロート化します。

   • 次の CSS プロパティを追加します。のdivs:

     float: left;

2. Clear Floats:

   • div の崩壊を防ぐため親内の不要な要素を削除するには、次のプロパティを親に追加します要素:

     clear: none;

3. HTML と CSS の例:

   • これは例ですHTML と CSS がどのように機能するかlook:

     <div class="aParent">
       <div>
           <span>source list</span>
           <select size="10">
               <option></option>
               <option></option>
               <option></option>
           </select>
       </div>
       <div>
           <span>destination list</span>
           <select size="10">
               <option></option>
               <option></option>
               <option></option>
           </select>
       </div>
     </div>

     .aParent div {
       float: left;
       clear: none; 
     }

このメソッドは、テーブルを使用せずに div を水平方向に整列させるためのクリーンで簡単な方法です。

以上がテーブルを使用せずに Div を水平方向に整列させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。