HTML에서 텍스트를 중앙에 맞추는 방법

HTML에서 텍스트를 가운데에 배치하는 방법: 1. 텍스트가 있는 레이블에 CSS 속성 값 "text-align:center"를 추가합니다. 2. 인라인 레이블에 CSS 속성 값 "text-align:left"를 추가합니다. 또는 인라인 블록 수준 레이블.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

두 가지 상황: 1. 텍스트 형식이 중앙에 있습니다. 2. 텍스트가 있는 레이블이 창 중앙에 있습니다.

1. 텍스트가 있는 레이블에 CSS 속성 값 "text-align:center"를 추가합니다. 예:

<p style="text-align:center">我是文本，居中显示</p>

2 방법에는 여러 가지가 있습니다. 예를 들면 다음과 같습니다.

1) (권장 사항) 텍스트는 인라인 태그 또는 인라인 블록 수준 태그로 래핑되어야 하며, 인라인 태그 또는 인라인 블록 수준 태그로 묶어야 합니다. 차례로 블록 수준 태그 팩으로 래핑됩니다. 이렇게 하면 텍스트 형식이 중앙에 배치됩니다. 텍스트 형식을 중앙에 맞추지 않으려면 CSS 속성 값 "text-align:left" 등을 인라인 레이블이나 인라인 블록 수준 레이블에 추가할 수 있습니다.

<div style="text-align:center"> <!-- 块级标签 -->
    <span>我是文本所在标签1，文本居中显示<span> <!-- 行内标签 -->
    <div style="display:inline-block;">我是文本所在标签2，文本居中显示</div> <!-- 行内块级标签 -->
</div>

2) 텍스트는 블록 수준 태그로 래핑됩니다. 블록 수준 태그의 너비를 설정하고 CSS 속성 값 "margin:0 auto"를 추가합니다. 이렇게 하면 텍스트 형식이 중앙에 배치되지 않습니다. 텍스트 형식을 중앙에 맞추려면 CSS 속성 값 "text-align:center"를 블록 수준 태그에 추가할 수 있습니다.

<div style="width: 100px; margin:0 auto">我是文本所在标签，文本居中显示</div>

학습 동영상 공유: css 동영상 튜토리얼

위 내용은 HTML에서 텍스트를 중앙에 맞추는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!