HTML 요소를 중앙에 배치하는 것과 관련된 주요 문제는 여러 브라우저에서 일관된 결과를 얻기 어려울 수 있다는 것입니다. 이는 각 브라우저가 요소를 중앙에 배치하는 방법에 대한 고유한 해석이 있고 요소를 중앙에 배치하는 데 사용할 수 있는 다양한 방법이 있기 때문입니다. 또한 일부 이전 브라우저는 HTML 요소를 중앙에 배치하는 최신 방법을 지원하지 않을 수 있습니다.
<p align="center">This text is centered.</p>
1. 이 코드 줄은 텍스트 정렬을 가운데로 설정합니다. HTML 태그
이것은 단락 요소임을 나타내고 속성 align=”center”는 해당 요소 내의 텍스트 정렬을 가운데로 설정합니다.
2. 이 코드 줄은 "이 텍스트는 중앙에 있습니다."라는 텍스트를 표시합니다. 브라우저 창에서 정렬이 1행에 지정된 대로 가운데로 설정됩니다.
정렬 속성
XNUMXD덴탈의
align 속성은 HTML에서 단락의 정렬을 설정하는 데 사용됩니다. 페이지에서 전체 단락의 정렬뿐만 아니라 단락 내의 텍스트 정렬을 설정하는 데 사용할 수 있습니다. 이 속성에 가능한 값은 left, right, center, justify 및 inherit입니다. 기본값은 왼쪽입니다.
단락 내의 텍스트에 align 속성을 사용하면 해당 단락의 모든 텍스트 줄이 지정된 값에 따라 정렬됩니다. 예를 들어:
이 텍스트 줄은 중앙에 위치합니다.
이렇게 하면 이 특정 단락 내의 모든 텍스트 줄이 페이지 중앙에 배치됩니다.
전체 단락에 align 속성을 사용하면 특정 단락이 지정된 값에 따라 정렬됩니다. 예를 들어:
이 전체 텍스트 줄은 오른쪽 정렬됩니다.
이렇게 하면 이 특정 텍스트 줄(및 그 안에 포함된 다른 콘텐츠)이 페이지에서 오른쪽 정렬됩니다.
HTML에서 텍스트 정렬을 설정하는 방법
HTML에서 텍스트 정렬 설정은 style 속성으로 수행됩니다. style 속성은 요소의 인라인 스타일을 지정합니다.
HTML에서 텍스트 정렬을 설정하려면 style 속성과 text-align 속성을 사용하십시오. text-align 속성은 요소에서 텍스트의 가로 정렬을 지정합니다.
다음 예제에서는 단락의 왼쪽, 오른쪽, 가운데 정렬 및 양쪽 정렬을 설정하는 방법을 보여줍니다.
이것은 왼쪽 정렬입니다.
이것은 오른쪽 정렬입니다.
중앙 정렬입니다.
이것은 정당합니다.
