HTML에서 정렬이란 무엇입니까?

HTML의 정렬은 컨테이너의 요소 정렬을 지정하는 데 사용됩니다. 해당 속성 값은 왼쪽, 오른쪽, 가운데 및 양쪽 정렬입니다. 자세한 소개: 1. 왼쪽, 요소는 컨테이너에서 왼쪽으로 정렬됩니다. 2. 오른쪽, 요소는 컨테이너에서 오른쪽으로 정렬됩니다. 4. 요소는 컨테이너에서 중앙에 정렬됩니다. 컨테이너의 양쪽 끝.

이 튜토리얼의 운영 체제: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML의 정렬 속성은 컨테이너의 요소 정렬을 지정하는 데 사용됩니다. 이 속성은 표, 이미지, 단락 등을 포함한 대부분의 HTML 요소에 적용될 수 있습니다.

HTML4에서 정렬 속성에는 왼쪽, 오른쪽, 가운데 및 양쪽 맞춤의 네 가지 값이 있습니다. HTML5에서는 정렬 속성이 폐기되고 float, text-align 등과 같은 보다 의미 있는 속성으로 대체되었습니다.

왼쪽: 요소가 컨테이너에서 왼쪽 정렬됩니다. 컨테이너가 블록 수준 요소인 경우 요소는 컨테이너의 왼쪽 가장자리에 배치됩니다. 컨테이너가 인라인 요소인 경우 요소는 인라인 요소의 텍스트 기준선에 왼쪽 정렬됩니다.

right: 요소가 컨테이너에서 오른쪽으로 정렬됩니다. 컨테이너가 블록 수준 요소인 경우 요소는 컨테이너의 오른쪽 가장자리에 배치됩니다. 컨테이너가 인라인 요소인 경우 요소는 인라인 요소의 텍스트 기준선에 오른쪽 정렬됩니다.

center: 요소가 컨테이너 중앙에 배치됩니다. 컨테이너가 블록 수준 요소인지 인라인 요소인지에 관계없이 요소는 컨테이너 내에서 가로 중앙에 배치됩니다.

justify: 요소가 컨테이너의 양쪽 끝에 정렬됩니다. 이 값은 블록 수준 요소에만 적용되며 요소는 컨테이너에 고르게 분포되어 전체 컨테이너 너비를 채우려고 합니다. 마지막 행에서 요소는 왼쪽 정렬됩니다.

다양한 정렬 효과를 얻으려면 align 속성을 사용하세요. 예를 들어, align 속성을 left 또는 right로 설정하여 텍스트 내에서 이미지를 왼쪽이나 오른쪽으로 정렬할 수 있습니다. align 속성을 center로 설정하면 이미지를 중앙에 맞출 수 있습니다. 표의 경우요소에 정렬 속성을 적용하여 표 셀 내용의 정렬을 제어할 수 있습니다.

그러나 align 속성은 과거에는 널리 사용되었지만 HTML5에서는 더 이상 사용되지 않습니다. 대신, 정렬 효과를 얻기 위해 더 많은 의미론적 속성을 사용하는 것이 좋습니다. 예를 들어 float 속성을 사용하여 요소를 왼쪽이나 오른쪽으로 정렬할 수 있습니다. text-align 속성을 사용하여 텍스트 정렬을 수행할 수 있습니다.

간단히 말하면 align 속성은 컨테이너에서 HTML 요소의 정렬을 지정하는 데 사용됩니다. 왼쪽, 오른쪽, 가운데, 양쪽 맞춤의 네 가지 값을 통해 요소의 정렬 효과를 제어할 수 있습니다. 그러나 HTML5에서는 정렬 효과를 얻기 위해 더 많은 의미론적 속성을 사용하는 것이 좋습니다.

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