CSS에서 플로트를 지우는 방법
- coldplay.xixi원래의
- 2021-04-16 15:27:163479검색
CSS에서 부동 소수점을 지우는 방법은 부동 소수점을 지우는 클리어 속성을 사용하는 것입니다. 클리어 속성은 부동 요소를 가질 수 없는 요소를 정의합니다. 코드는 [img{float:left;clear:both; }].
이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.
CSS에서 부동 소수점을 지우는 방법:
css는 클리어 속성을 사용하여 부동 소수점을 지울 수 있습니다. Clear 속성은 다음과 같이 소개됩니다.
clear 속성은 요소의 어느 쪽이 부동 요소를 가질 수 없는지 정의합니다. CSS1과 CSS2에서는 투명 요소(즉, 투명 속성이 설정된 요소)에 상단 여백을 자동으로 추가하여 이를 수행했습니다.
CSS2.1에서는 요소의 상단 여백 위에 여백이 추가되지만 여백 자체는 변경되지 않습니다. 변경에 관계없이 최종 결과는 동일합니다. 왼쪽 또는 오른쪽 지우기로 선언되면 요소의 위쪽 테두리는 해당 측면의 부동 요소의 아래쪽 여백 바로 아래에 있게 됩니다.
속성 값:
left 왼쪽에는 부동 요소가 허용되지 않습니다.
right 오른쪽에는 플로팅 요소를 사용할 수 없습니다.
둘 다 왼쪽과 오른쪽에 부동 요소를 허용하지 않습니다.
none 기본값입니다. 부동 요소가 양쪽에 표시되도록 허용합니다.
inherit는 Clear 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.
clear 속성을 사용하여 부동 소수점 지우기 예:
이미지의 왼쪽과 오른쪽에 부동 요소는 허용되지 않습니다:
<html>
<head>
<style type="text/css">
img
{
float:left;
clear:both;
}
</style>
</head>
<body>
<img src="/static/imghwm/default1.png" data-src="/i/eg_smile.gif" class="lazy" / alt="CSS에서 플로트를 지우는 방법" >
<img src="/static/imghwm/default1.png" data-src="/i/eg_smile.gif" class="lazy" / alt="CSS에서 플로트를 지우는 방법" >
</body>
</html>렌더링:
관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼
위 내용은 CSS에서 플로트를 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!