365体育备用网址报道HTML <img> 标签的 align 属性_365体育备用网址官网资讯

HTML5/tag_img.html">HTML <img> 标签

实例

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

<img src="/i/eg_cute.gif" align="middle" />

PHP?filename=html_image_align">亲自试一试

定义和用法

<img> 标签的 align 属性定义了图像相对于周围元素的水平和垂直对齐方式。

详细说明

标准没有定义图像相对于其余文字和与其处于同一行中的其余图像的对齐联系。HTML 图像在行中出现时通常只伴有一行文字。而通常的印刷娱乐城洗码 国际,像杂志,则把文字在图像的周围进行围绕,这样就会有很多行文字与图像相邻,而不只是一行。

幸运的是,文档设计者能够通过 <img> 标签的 align 属性来操纵带有文字包围的图像的对齐方式。HTML 和 XHTML 标准指定了 5 种图像对齐属性值:left、right、top 、middle 和 bottom。left 和 right 值会把图像周围与其相连的文本转移到相应的边界中;其余的三个值将图像与其相邻的文字在垂直方向上对齐。Netscape 又增加了 4 种垂直对齐属性:texttop、absmiddle、baseline 和 absbottom,Internet Explorer 则增加了 center。

注意:不同的扫瞄器以及同一扫瞄器的不同版本对 align 属性的某些值的处置方式是不同的。

注意:HTML 4.01 不推举使用 align 属性,XHTML 1.0 Strict DTD 不撑腰该属性,同时 HTML 5 也不再撑腰该属性。

扫瞄器撑腰

虽然不赞成使用 align,但是几乎一切扫瞄器都撑腰该属性。

兼容性注释

不赞成使用 align 属性和 <center> 标签

HTML 4 和 XHTML 中不再推举使用一切标准中的 align 属性,当然包括 <img> 的 align 属性,以便使用样式表。同时不再使用 <center> 标签。

然而,该属性及标签在 HTML 创作者中非常流行,并且现在流行的扫瞄器都能很好地撑腰它们。所以,虽然我们期望 align 和 <center> 未来有一天会消逝,但还需要等候很长一段时间。

解决方案

如果您不想使用 align 和 <center> 时该怎么办呢?您能够使用 HTML/XHTML 表格来对齐内容。不过更好的方案是使用样式。例如,CSS/pr_margin-left.html" title="CSS margin-left 属性">margin-left 属性 能够对图像进行缩进,而 float 属性 能够实现文本包围图像的效果。

实例

<img style="float:right" />

亲自试一试

语法

<img align="value" />

属性值

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

TIY 实例

垂直对齐图像
本例演示如何在文字中垂直对齐图像。
水平对齐图像
本例演示如何使ca88会员登陆浮动至段落的左边或右边。

HTML5/tag_img.html">HTML <img> 标签

------分隔线----------------------------

公布评论 (78人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换ca88会员登陆
最新评论