html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?-프런트엔드 Q&A-php.cn

未设置对齐方式的图像：

已设置对齐方式的图像：

집

웹 프론트엔드

프런트엔드 Q&A

html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?

青灯夜游

Dec 17, 2021 pm 03:59 PM

align html5

HTML5에서 이미지를 중앙에 배치하는 속성은 "align"입니다. align 속성은 주변 요소를 기준으로 이미지의 수평 및 수직 정렬을 정의할 수 있습니다. 값이 "middle"이면 이미지를 중앙에 정렬할 수 있습니다. 구문 "".

html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

이미지를 중앙에 배치하는 HTML의 속성은 "align"입니다.

html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까? 태그의 정렬 속성은 주변 요소를 기준으로 이미지의 가로 및 세로 정렬을 정의합니다.

align 속성의 값이 "middle"인 경우 이미지를 중심으로 정렬할 수 있습니다:

<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8"> 
	</head>
	<body>
		<h2 id="未设置对齐方式的图像">未设置对齐方式的图像：</h2>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   alt="html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?" > 在文本中</p>
		<h2 id="已设置对齐方式的图像">已设置对齐方式的图像：</h2>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="bottom" alt="html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?" > 在文本中底部对齐</p>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="middle" alt="html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?" > 在文本中中央对齐</p>
		<p>图像 <img  src="/static/imghw/default1.png"  data-src="/i/eg_cute.gif"  class="lazy"   align="top" alt="html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?" > 在文本中顶部对齐</p>
		<p>请注意，bottom 对齐方式是默认的对齐方式。</p>
	</body>
</html>

로그인 후 복사

html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?

align 속성이 지원하는 값:

Value	Description
left	이미지 정렬 이미지를 왼쪽으로 정렬
right	이미지를 오른쪽으로 정렬
middle	이미지를 가운데로 정렬
top	이미지를 위쪽으로 정렬
하단	하단 정렬