图片对齐方式

最新推荐文章于 2024-07-01 14:04:41 发布

农夫阿才

最新推荐文章于 2024-07-01 14:04:41 发布

阅读量3k

点赞数

分类专栏： # HTML 文章标签： html 对齐 img align 图片对齐

本文链接：https://blog.csdn.net/weixin_42512488/article/details/82963211

版权

4 篇文章 0 订阅

订阅专栏

<html>
<body>
	<img src="img/001.gif" align="top">
</body>
</html>

<html>
<body>
	<img src="img/001.gif" align="middle">
</body>
</html>

<html>
<body>
	<img src="img/001.gif" align="bottom">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="middle">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="top">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="bottom">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="top">
	<img src="img/002.gif" align="top">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="top">
	<img src="img/002.gif" align="middle">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="top">
	<img src="img/002.gif" align="bottom">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="middle">
	<img src="img/002.gif" align="top">
</body>
</html>

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="middle">
	<img src="img/002.gif" align="middle">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="middle">
	<img src="img/002.gif" align="bottom">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="bottom">
	<img src="img/002.gif" align="top">
</body>
</html>

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="bottom">
	<img src="img/002.gif" align="bottom">
</body>
</html>

在这里插入图片描述

<html>
<body>
	对齐文字
	<img src="img/001.gif" align="bottom">
	<img src="img/002.gif" align="middle">
</body>
</html>

在这里插入图片描述

bottom是老大，别人无法改变只能适应；top最弱，谁都惹不起，只能找个靠山做依靠。

想一想如下问题，如何完成？
在这里插入图片描述

关注

专栏目录