HTML에서 Clear는 무엇을 의미합니까?-HTML 튜토리얼-php.cn

HTML에서 Clear는 무엇을 의미합니까?

醉折花枝作酒筹

풀어 주다： 2021-06-07 14:49:44

원래의

7348명이 탐색했습니다.

HTML에서 클리어는 클리어를 의미합니다. 플로팅 요소에 대해 "clear: 속성 값"만 설정하면 됩니다. Clear 속성은 요소의 어느 면에 부동 요소가 허용되지 않는지 정의합니다. 여백 자체를 변경하지 않고 요소 여백 위에 빈 공간이 추가됩니다.

HTML에서 Clear는 무엇을 의미합니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS의 클리어 기능은 요소의 플로팅 효과를 지우는 것입니다.

CSS1 및 CSS2에서는 클리어 요소(예: 클리어 속성이 설정된 요소)에 상단 여백을 자동으로 추가하여 이를 수행합니다. CSS2.1에서는 요소의 위쪽 여백 위에 빈 공간이 추가되지만 여백 자체는 변경되지 않습니다.

어떤 변경이 이루어지더라도 최종 결과는 동일합니다. 왼쪽 또는 오른쪽 클리어로 선언되면 요소의 상단 외부 테두리는 해당 측면의 플로팅 요소의 하단 여백 바로 아래에 있게 됩니다.

clear 속성 값:

left 왼쪽에는 플로팅 요소가 허용되지 않습니다.

right 오른쪽에는 플로팅 요소가 허용되지 않습니다.

둘 다 왼쪽과 오른쪽에 떠 있는 요소를 허용하지 않습니다.

없음 기본값. 부동 요소가 양쪽에 표시되도록 허용합니다.

inherit는 Clear 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

예:

<html>
  <head>
    <style type="text/css">
      div {
        float: left;
        margin: 20px;
      }
      .three{
        clear: both;
      }
    </style>
  </head>
  <body>
    <div>
      <img  src="images/1.jpg" / alt="HTML에서 Clear는 무엇을 의미합니까?" >
    </div>
    <div>
      <img  src="images/2.jpg" / alt="HTML에서 Clear는 무엇을 의미합니까?" >
    </div>
    <div class="three">
      <img  src="images/3.jpg" / alt="HTML에서 Clear는 무엇을 의미합니까?" >
    </div>
  </body>
</html>

로그인 후 복사

효과:

HTML에서 Clear는 무엇을 의미합니까?

추천 학습: html 비디오 튜토리얼

위 내용은 HTML에서 Clear는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!