Latest web development tutorials

HTML IMG 정렬 속성

HTML IMG 태그 참조 설명서 HTML <img> 태그

예

이미지의 텍스트 정렬 집합 :

<p>这是一些文本。 <img src="smiley.gif" alt="Smiley face" width="42" height="42" align="middle"> 这是一些文本。</p>

»시도

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

모든 주요 브라우저는 정렬 속성을 지원합니다.

정의 및 사용

HTML5는 <IMG> align 속성을 지원하지 않습니다. CSS를 대신 사용합니다.

HTML 4.01에서 <IMG> align 속성은 사용되지 않습니다 .

정렬 특성은 주변 요소들에 대하여 이미지의 정렬을 지정한다.

<IMG> 요소는 텍스트와 다른 요소들이 주변에 주위에있을 수 있다는 것을 의미 인라인 요소 (페이지에 새 행을 삽입하지 않습니다)입니다. 따라서 속성이 주변 요소의 소정 이미지 정렬에 대해 우리를 도울 수에 맞 춥니 다.

호환성 노트

HTML 4.01에서 <IMG> align 속성은 사용되지 않습니다. CSS를 대신 사용합니다.

CSS 구문 : <IMG 스타일 = "플로트 : 오른쪽">

CSS 예 : 마우스 오른쪽 부동 이미지

우리의 CSS 튜토리얼에서 당신은에 대한 자세한 정보를 찾을 수 있습니다 플로트 속성 세부 사항.

문법

<img align="left|right|middle|top|bottom">

속성 값

值 描述
left 把图像对齐到左边。
right 把图像对齐到右边。
middle 把图像与中央对齐。
top 把图像与顶部对齐。
bottom 把图像与底部对齐。

HTML IMG 태그 참조 설명서 HTML <img> 태그