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中 图片和文字顶端是对不齐的。
如下图:
解决:
img标签加align="texttop"属性时,FF和IE中 图片和文字顶端是对齐的。
如下图: