Wie richtet man Divs horizontal aus, ohne Tabellen zu verwenden?

Horizontale Div-Ausrichtung

Um zwei Divs horizontal auszurichten, ohne Tabellen zu verwenden, schweben Sie sie in einem übergeordneten Container. Hier ist eine detaillierte Aufschlüsselung, wie Sie dies erreichen:

1. Float the Divs:

   • Fügen Sie die folgende CSS-Eigenschaft hinzu Die Divs:

     float: left;

2. Floats löschen:

   • Um zu verhindern, dass die Divs zusammenbrechen Wenn unerwünschte Elemente im übergeordneten Element vorhanden sind, fügen Sie einem übergeordneten Element die folgende Eigenschaft hinzu Element:

     clear: none;

3. Beispiel für HTML und CSS:

   • Hier ist ein Beispiel von wie Ihr HTML und CSS es könnten Schauen Sie:

     <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; 
     }

Diese Methode ist eine saubere und unkomplizierte Möglichkeit, Divs horizontal auszurichten, ohne Tabellen zu verwenden.

Das obige ist der detaillierte Inhalt vonWie richtet man Divs horizontal aus, ohne Tabellen zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!