HTML에서 태그가 중앙에 오도록 설정하는 방법

HTML에서 a 태그를 중앙에 배치하는 방법은 블록 요소의 a 태그에 스타일 코드를 추가하는 것입니다. [

text< /a> ;

], a 레이블이 수직으로 중앙에 위치할 수 있도록 합니다.

이 기사의 운영 환경: winidows10 시스템, html 5, thinkpad t480 컴퓨터.

HTML에서 태그가 중앙에 오도록 설정하는 방법은 실제로 비교적 간단합니다. 그러나 a 태그를 센터링하는 것은 다음 두 가지 상황으로 나눌 수도 있습니다.

첫 번째 경우: 블록 요소의 태그를 중앙 정렬합니다.

HTML 코드 - 블록 요소의 태그: "

"

이

태그

수직 중앙 정렬을 달성합니다

코드 예:

<p style="text-align: center"><a href="http://www.php.cn">php中文网</a></p>

두 번째 경우: 별도의 태그를 중앙에 배치합니다.

이 태그가 별도인 경우 먼저 ; 블록 요소에 태그를 추가한 다음 너비를 추가하고 해당 텍스트를 중앙에 배치합니다 Text

学技术从<a href="http://www.php.cn" style="display:inline-block; width:110px; text-align:center">php.cn</a>开始!

관련 권장 사항: html 비디오 튜토리얼

위 내용은 HTML에서 태그가 중앙에 오도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!