>웹 프론트엔드 >HTML 튜토리얼 >HTML의 왼쪽 정렬을 설정하는 방법

HTML의 왼쪽 정렬을 설정하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-06-03 10:27:5131692검색

HTML에서는 "float" 속성을 사용하여 왼쪽 정렬을 설정할 수 있습니다. 요소에 "float:left" 스타일만 설정하면 됩니다. float 속성은 요소가 부동하는 방향을 정의합니다. CSS에서는 모든 요소가 부동될 수 있습니다. 값이 왼쪽이면 요소가 왼쪽으로 부동된다는 의미입니다.

HTML의 왼쪽 정렬을 설정하는 방법

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

div를 왼쪽으로 정렬하려면 왼쪽(왼쪽 반올림)으로 정렬해야 하는 div 스타일에 float:left만 추가하면 됩니다. 여기에서 새 html 파일을 만들고 div 컨테이너를 만들어서 제공합니다. 컨테이너 내부에는 차이점을 보여주기 위해 하나는 왼쪽으로, 다른 하나는 오른쪽으로 정렬된 두 개의 div가 있습니다.

HTML의 왼쪽 정렬을 설정하는 방법

다음으로 스타일 태그에서 CSS 스타일을 설정합니다. 마지막으로 div에 높이, 너비 및 테두리 속성을 설정합니다. 오른쪽의 div는 float가 오른쪽으로 설정된다는 점만 제외하면 동일합니다.

HTML의 왼쪽 정렬을 설정하는 방법

마지막으로 브라우저에서 div가 왼쪽에 있고 다른 하나가 왼쪽에 있는 것을 볼 수 있습니다. 오른쪽에 있습니다:

HTML의 왼쪽 정렬을 설정하는 방법

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

위 내용은 HTML의 왼쪽 정렬을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.