"."/> ".">

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

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

青灯夜游
青灯夜游원래의
2021-12-17 15:59:155333검색

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

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

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

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

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

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

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

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

align 속성이 지원하는 값:

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

관련 추천: "html 비디오 튜토리얼"

위 내용은 html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.