HTML img标签align属性

HTML img标签align属性—top与texttop  



标准没有定义图像相对于其他文字和与其处于同一行中其他图像的对齐关系:我们无法总是可以估计得到这些文本和图像的显示效果。
    HTML图像在行中出现时通常只伴有一行文字。而通常的印刷媒体,像杂志,则把文字在图像的周围进行环绕,这样就会有很多行文字与图像相邻,而不只是一行。幸运的是,文档设计者可以通过<img>标签的align属性来控制带有文字包围的图像的对齐方式。
HTML和XHTML标准指定了5种图像对齐属性值:left、right、top、mlddle和bottom。left和right值会把图像周围与其相接的文本都转移到相应的边界中去;其余的三个值将图像与其相邻的文字在垂直方向上对齐。
Netscape又增加了另外4种垂直对齐属性:texttop、absmiddle、baseline和absbottom,Internet Explorer则增加了center。下列内容为内联图像对齐选项:
1、top
图像的顶部将与本行文字中最高一项的顶部对齐。如果本行中没有其他图像,那么这个图像的上沿将与文字的上沿对齐。
2、texttop
 "align=texttop"属性和值告诉Netscape,要把图像的上部与当前行中最高的文本项的上部对齐。这个选项与top选项不同,因为top选项会将图像与本行中任何最高的项(图像或文字)的上部对齐。
如果当前行中没有其他图像超过文本最上沿的高度,那么texttop与top的效果相同。


img标签不加align属性时,FF和IE中 图片和文字顶端是对不齐的。
如下图:
HTML img标签align属性—top与texttop - fly - 冰燕
解决:
img标签加align="texttop"属性时,FF和IE中 图片和文字顶端是对齐的。
如下图:
HTML img标签align属性—top与texttop - fly - 冰燕
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值