一、水平对齐
align属性可以用来设置文本的水平对齐方式，属性值包括left、center和right。
1、left：左对齐，文本从左边开始显示。
<p align="left">这是左对齐的文本</p>
这是左对齐的文本
2、center：居中对齐，文本在容器中居中显示。
<p align="center">这是居中对齐的文本</p>
这是居中对齐的文本
3、right：右对齐，文本从右边开始显示。
<p align="right">这是右对齐的文本</p>
这是右对齐的文本
二、垂直对齐
在表格和图像中，align属性也可以用来设置文本的垂直对齐方式，属性值包括top、middle和bottom。
1、top：顶部对齐，文本在单元格或图像的顶部显示。
<img src="test.jpg" align="top">
2、middle：中间对齐，文本在单元格或图像的中间显示。
<img src="test.jpg" align="middle">
3、bottom：底部对齐，文本在单元格或图像的底部显示。
<img src="test.jpg" align="bottom">
三、总结
使用align属性可以方便地对文本进行水平和垂直对齐，使网页布局更加美观。
原创文章，作者：FTHF，如若转载，请注明出处：https://www.506064.com/n/145946.html
微信扫一扫 
支付宝扫一扫 