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 把图像与底部对齐

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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 范例:向右浮动图像

你可以在我们的 CSS 基础教程中找到更多有关 float 属性 的细节

返回上一级

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.