작가:
Laura McKinney
창조 날짜:
10 4 월 2021
업데이트 날짜:
1 칠월 2024
콘텐츠
이 위키 하우에서는 CSS (Cascading Style Sheets)를 사용하여 HTML 웹 사이트에서 텍스트를 중앙에 배치하는 방법을 알려줍니다. HTML에서 텍스트 가운데 맞춤은 태그로 수행됩니다.
단계
2 가지 방법 중 1 : CSS 사용
CSS 스타일이 포함 된 파일을 엽니 다. 비록 카드
구식이지만 여전히 새 요소를 만들어 페이지의 아무 곳에 나 추가하여 경계 내에서 텍스트를 중앙에 배치 할 수 있습니다. 별도의 CSS 파일이없는 경우 HTML 파일 상단의 "태그 사이에 스타일을 지정해야합니다.’. - 아직 카드가없는 경우 카드 바로 아래에 추가해야합니다. 파일 상단에는 다음과 같습니다.
텍스트 센터 레이어를 만듭니다. 카드 HTML 문서가 텍스트의 특정 부분을 참조하도록 요청하므로이 태그를 분류해야합니다. "style"태그 사이의 공간에 다음 텍스트를 입력하십시오. 누르는 것을 잊지 마십시오. ↵ 입력 첫 번째 줄 뒤에 두 번 :
속성 추가 텍스트 정렬. 수입 텍스트 정렬 : 가운데; 섹션의 중괄호 사이 공간으로 프리 마돈나. 현재 제목은 다음과 같습니다.
카드 추가 div 텍스트는 중앙에 있어야합니다. 카드를 배치하여 진행 중앙에 배치하고 태그로 닫을 텍스트 위의 텍스트 가운데로 지정할 텍스트 아래. 예를 들어 제목과 시작 단락을 가운데에 배치하려면 다음을 입력해야합니다.
카드 사용 프리 마돈나 다른 지역을 중심으로합니다. 다른 요소를 중앙에 배치하려는 경우 (예 : 과 ), 시작하다 텍스트 앞에 그 후. 가운데 맞춤 명령으로 "div.a"를 지정 했으므로이 텍스트는 이전 텍스트처럼 가운데에 배치됩니다.
문서 검토. 내용은 다를 수 있지만 일반적으로 문서는 다음과 같이 표시됩니다.
2 가지 방법 중 2 : HTML에서 가운데 태그 사용
- HTML 문서를 엽니 다. 이 방법은 HTML 태그를 사용하는 방법을 설명합니다.
(지금은 구식이기도합니다). 2018 년 12 월부터이 카드는 일부 웹 브라우저에서 여전히 활성화되어 있지만 장기적으로는이 카드를 사용하지 않아야합니다.
중앙에 배치 할 텍스트를 식별하십시오. 가운데에 배치 할 제목, 단락 또는 기타 텍스트를 찾을 때까지 아래로 스크롤합니다.
텍스트 끝에 "center"태그를 추가합니다. 이 중앙 태그에는 형식이 있습니다.
본문 , 여기서 "text"는 중앙에 배치 할 텍스트입니다. 텍스트에 이미 내부 태그가있는 경우 (예 : 단락의 경우 "") "중앙"태그는 기존 태그 외부에있을 수 있습니다.
HTML 문서를 검토하십시오. 이제 문서는 다음과 같아야합니다.
