一、水平對齊
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/zh-tw/n/145946.html
微信掃一掃 
支付寶掃一掃 