Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에서 세 개의 분할
를 나란히 배치하는 방법은 무엇입니까?


CSS 속성을 사용하면 HTML에 세 개의

를 쉽게 나란히 넣을 수 있습니다. 이를 위해 CSS 속성 float를 사용하십시오.

그것으로 height:100px를 추가하고 여백을 설정합니다. HTML에서 세 개의 분할  div 를 나란히 배치하는 방법은 무엇입니까?

예시

다음 코드를 실행하여 세 개의

를 나란히 배치할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML div</title>
   </head>
   <body>
      <div style="width: 100px; float:left; height:100px; background:gray; margin:10px">
         First DIV
      </div>
      <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">
         Second DIV
      </div>
      <div style="width: 100px; float:left; height:100px; background:red; margin:10px">
         Third DIV
      </div>
    </body>
</html>