html设置图像与文字的对齐方式

最新推荐文章于 2023-04-01 16:48:13 发布

傲世阿龍

最新推荐文章于 2023-04-01 16:48:13 发布

阅读量1.2w

点赞数 3

分类专栏： HTML

本文链接：https://blog.csdn.net/u010383937/article/details/72356142

版权

HTML 专栏收录该内容

115 篇文章

订阅专栏

本文介绍了如何使用HTML中的图像标签实现图像与周围文字的精确对齐，包括底端、中间及顶端对齐等不同方式。

摘要由CSDN通过智能技术生成

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<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="absmiddle"/>
<!--图像的底端与文字的底端对齐-->
<img src="images/005.gif" align="baseline"/>
</body>
</html>

效果：