在網頁開發中，經常需要對元素進行居中對齊。在本文中，我們將探討如何使用 CSS 來實現圖片與表格的居中對齊。 圖片居中對齊 當我們需要在網頁中插入圖片時，通常需要將它居中對齊以達到更好的視覺效果。以下是實現這一效果的 CSS 代碼示例： ``` p { text-align: center; /* 讓圖片處于段落的中間 */ } img { display: block; /* 設置圖片為塊級元素，便于居中對齊 */ margin: 0 auto; /* 使用 margin 屬性將圖片居中對齊 */ } ``` 在上述代碼中，我們首先使用 `text-align: center` 屬性將圖片所處的段落居中對齊，然后使用 `display: block` 屬性將圖片設置為塊級元素，以便于使用 `margin: 0 auto` 屬性將其居中對齊。 表格居中對齊 在網頁中使用表格時，讓表格居中對齊可以使其更具可讀性。以下是實現表格居中對齊的 CSS 代碼示例： ``` p { text-align: center; /* 讓表格處于段落的中間 */ } table { margin: 0 auto; /* 使用 margin 屬性將表格居中對齊 */ } ``` 在上述代碼中，我們同樣使用 `text-align: center` 屬性將表格所處的段落居中對齊，然后使用 `margin: 0 auto` 屬性將表格居中對齊。 總結 使用 CSS 可以輕松實現圖片與表格的居中對齊。在實際開發中，我們可以根據具體需求調整代碼，使其適應不同的網頁排版。