HTML <img> align 属性
align 属性用于设置图像相对于周围元素的对齐方式
<img> 元素是内联元素 ( 不会在页面上插入新行) ,这意味着文本和其他元素可以围绕在其周围
所以,align 属性可以帮助我们设置图像相对于周围元素的对齐方式
HTML5 不支持 <img> align 属性,可以使用 CSS 代替
HTML 4.01 中,<img> 的 align 属性已废弃
语法
<img align="left|right|middle|top|bottom" />
属性值
值 | 描述 |
---|---|
left | 把图像对齐到左边 |
right | 把图像对齐到右边 |
middle | 把图像与中央对齐 |
top | 把图像与顶部对齐 |
bottom | 把图像与底部对齐 |
浏览器支持
所有主流浏览器都支持 align 属性
范例
设置文本中的图像的对齐方式
<p>这是一些文本。 <img src="/static/i/img1.jpg" alt="Smiley face" height="42" align="middle"> 这是一些文本</p>
兼容性注释
HTML 4.01 中 <img> 的 align 属性已废弃
我们可以使用 CSS 代替
CSS 语法
<img style="float:right" />
你可以在我们的 CSS 基础教程中找到更多有关 float 属性 的细节