align

---

HTML <img> align 属性

设置文本中的图像的对齐方式：

实时编辑器

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

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

结果

Loading...

---

定义和用法

警告

HTML5 不支持 <img> align 属性。请使用 CSS 代替。

在 HTML 4.01 中，<img> 的 align 属性已废弃。

提示

已废弃的元素或者属性意味着它已经过时。

废弃的元素在以后将会过时，但是浏览器会继续支持已废弃的元素。

已过时的元素和属性浏览器不再支持，W3C也不会再去定义它。

align 属性规定了图像相对于周围元素的对齐方式。

<img> 元素是内联元素（不会在页面上插入新行），这意味着文本和其他元素可以围绕在其周围。所以，align 属性可以帮助我们规定图像相对于周围元素的对齐方式。

---

兼容性注释

在 HTML 4.01 中，<img> 的 align 属性已废弃。请使用 CSS 代替。

CSS 语法：

<img style="float:right">

CSS 实例：向右浮动图像

---

语法

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

---

属性值

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

---

浏览器兼容性

	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android
align Deprecated