CSS字體和圖片的對齊方式在網頁設計中非常重要。正確的對齊可以讓網頁看起來更美觀，也可以提高用戶體驗。下面我們來了解一些常見的CSS字體和圖片對齊方式。 水平居中對齊 在CSS中，我們可以使用text-align屬性來控制文字的水平對齊方式。比如，要將所有段落的文字水平居中對齊，可以這樣寫CSS代碼： ``` p { text-align: center; } ``` 這個代碼會將所有p標簽中的文字水平居中對齊。 如果想要將圖片水平居中對齊，可以使用下面的代碼： ``` img { display: block; margin: 0 auto; } ``` 這個代碼會將所有的圖片設置為塊級元素，并且使用margin屬性來實現水平居中對齊。其中0表示上下邊距為0，auto表示左右邊距自動調整，使圖片水平居中。 垂直居中對齊 在CSS中，我們可以使用vertical-align屬性來控制元素的垂直對齊方式。比如，要將所有的圖片垂直居中對齊，可以這樣寫CSS代碼： ``` img { vertical-align: middle; } ``` 這個代碼會將所有的圖片設置為垂直居中對齊。 如果想要將文字垂直居中對齊，也可以使用vertical-align屬性。但這只對一些內聯元素（比如a、span、img等）有效。對于p標簽，需要使用其他方法來實現垂直居中對齊。比如，可以給p標簽設置行高和height屬性。 字體和圖片的對齊方式是網頁設計中不可避免的問題。了解以上的常見對齊方式，可以讓我們更好地進行網頁設計和制作。