테이블을 사용하지 않고 Div를 가로로 정렬하는 방법은 무엇입니까?

가로 Div 정렬

테이블을 사용하지 않고 두 개의 div를 가로로 정렬하려면 상위 컨테이너에 플로팅합니다. 이를 달성하는 방법에 대한 자세한 분석은 다음과 같습니다.

1. Divs 플로트:

   • 다음 CSS 속성을 추가하세요. 그만큼 divs:

     float: left;

     로그인 후 복사

2. Clear Floats:

   • div가 접히는 것을 방지하려면 부모에 원하지 않는 요소가 있으면 부모에 다음 속성을 추가하십시오. 요소:

     clear: none;

     로그인 후 복사

3. 예제 HTML 및 CSS:

   • 다음은 예입니다. HTML과 CSS가 어떻게 될 수 있는지 보세요:

     <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 중국어 웹사이트의 기타 관련 기사를 참조하세요!