html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?
- 青灯夜游원래의
- 2021-12-17 15:59:155283검색
HTML5에서 이미지를 중앙에 배치하는 속성은 "align"입니다. align 속성은 주변 요소를 기준으로 이미지의 수평 및 수직 정렬을 정의할 수 있습니다. 값이 "middle"이면 이미지를 중앙에 정렬할 수 있습니다. 구문 "
".
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
이미지를 중앙에 배치하는 HTML의 속성은 "align"입니다.
태그의 정렬 속성은 주변 요소를 기준으로 이미지의 가로 및 세로 정렬을 정의합니다.
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>
align 속성이 지원하는 값:
| Value | Description |
|---|---|
| left | 이미지 정렬 이미지를 왼쪽으로 정렬 |
| right | 이미지를 오른쪽으로 정렬 |
| middle | 이미지를 가운데로 정렬 |
| top | 이미지를 위쪽으로 정렬 |
| 하단 | 하단 정렬 |
관련 추천: "html 비디오 튜토리얼"
위 내용은 html5에서 이미지를 중앙에 배치하는 데 사용되는 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML에서 테이블 열을 숨기는 방법다음 기사：HTML에서 테이블 열을 숨기는 방법