本文目錄導讀：

1. 使用margin屬性
2. 使用position屬性
3. 使用float屬性
4. 使用align屬性

CSS3圖像對齊的幾種方法

在CSS3中，圖像對齊是設計網(wǎng)頁時經(jīng)常遇到的問題，下面介紹幾種常用的圖像對齊方法。

使用margin屬性

通過給圖像添加左右margin值，可以實現(xiàn)圖像在水平方向的移動，從而達到對齊的目的，如果想要讓圖像在左側(cè)對齊，可以給圖像添加margin-left值，如果想要讓圖像在右側(cè)對齊，可以給圖像添加margin-right值。

使用position屬性

通過給圖像添加position屬性，可以將圖像定位在頁面的任意位置，如果想要讓圖像在頁面的左上角對齊，可以給圖像添加position:absolute;top:0;left:0;屬性，如果想要讓圖像在頁面的右下角對齊，可以給圖像添加position:absolute;bottom:0;right:0;屬性。

使用float屬性

通過給圖像添加float屬性，可以讓圖像在文本的左側(cè)或右側(cè)浮動，如果想要讓圖像在文本的左側(cè)對齊，可以給圖像添加float:left;屬性，如果想要讓圖像在文本的右側(cè)對齊，可以給圖像添加float:right;屬性。

使用align屬性

align屬性是HTML元素中用于對齊內(nèi)容的屬性，也可以用于圖像的對齊，如果想要讓圖像在文本中居中對齊，可以給圖像添加align:center;屬性，如果想要讓圖像在文本中左對齊，可以給圖像添加align:left;屬性，如果想要讓圖像在文本中右對齊，可以給圖像添加align:right;屬性。

是幾種常用的CSS3圖像對齊方法，可以根據(jù)具體的需求選擇適合的方法。