HTML에서 이미지를 중앙에 배치하는 방법: 먼저 새 웹 페이지를 만들고 본문 부분에 img 태그를 생성한 다음 이미지를 p 또는span 태그에 넣고 [text-align; :태그 중심 】style 속성이면 충분합니다.
이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.
HTML에서 이미지를 중앙에 배치하는 방법:
먼저 새로운 HTML 페이지를 만들어야 합니다.
그런 다음 본문 부분에 새 img 태그를 만들고 이미지를 지정하세요.
브라우저에서 효과를 확인해보면 이미지가 기본적으로 왼쪽 정렬되어 있고 중앙에 표시되지 않는 것을 확인할 수 있습니다.
이미지를 p 또는span 태그로 감싸고 text-align:center 값을 가진 스타일 속성을 태그에 추가하세요.
코드는 다음과 같습니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style="text-align: center;">
<img src="a.png" alt="">
</p>
</body>
</html>관련 학습 권장 사항: html 비디오 튜토리얼
위 내용은 HTML 그림을 중앙에 맞추는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
