《HTML5从入门到精通--6.3.6 图像相对于文字基准线的对齐方式——align》

发布时间:2016-12-8 22:20:54 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"《HTML5从入门到精通--6.3.6 图像相对于文字基准线的对齐方式——align》",主要涉及到《HTML5从入门到精通--6.3.6 图像相对于文字基准线的对齐方式——align》方面的内容,对于《HTML5从入门到精通--6.3.6 图像相对于文字基准线的对齐方式——align》感兴趣的同学可以参考一下。

       图像和文字之间的排列通过align参数来调整。图像的绝对对齐方式与相对文字的对齐方式不同,绝对对齐方式包括左对齐、右对齐和居中对齐3种,而相对文字对齐方式则是指图像与一行文字的相对位置。 语法 <img src="图像文件的地址" align="相对文字的对齐方式"》 语法解释 在该语法中,align的取值如表6.1所示。                                  表6.1  图像相对文字的对齐方式 例6.7 实例代码 <html> <head> <title>设置图像与文字的相对距离</title> </head> <body>    <font size="+3" color="#ff66cc">玫瑰的生长过程</font>    <!--图像的底部与文字的底部对齐-->    <img src="images/001.gif" align="bottom">    <!--图像的中部与文字的中部对齐-->    <img src="images/002.gif" align="middle">    <!--图像的顶部与同行中最高的文字的顶部对齐-->    <img src="images/003.gif" align="texttop">    <!--图像的中部与同行中最大项的中部对齐-->    <img src="images/004.gif" align="adbmiddle">    <!--图像的底部与文字的基线对齐-->    <img src="images/005.gif" align="baseline"> </body> </html> 运行这段代码,可以看到水平线上面是文字与图像的相对垂直位置的变化效果,如图6.7所示。                                                                                     图6.7 设置图像与文字的相对位置

上一篇:索引3
下一篇:Git错误non-fast-forward后的冲突解决

相关文章

相关评论