在網(wǎng)頁設(shè)計中，使用HTML5和CSS3可以使圖片居中顯示，這通常涉及到CSS中的"text-align"屬性，或者更復(fù)雜的布局技術(shù)，如Flexbox或Grid，以下是一些示例說明如何實現(xiàn)圖片居中：

1、使用text-align屬性：

- 在HTML中，將圖片放置在一個塊級元素（如div）中。

- 在CSS中，設(shè)置該塊級元素的"text-align"屬性為"center"。

<div style="text-align: center;">
  <img src="image.jpg" alt="圖片描述" />
</div>

2、使用Flexbox布局：

- 創(chuàng)建一個包含圖片的容器元素，并使用CSS的"display: flex"屬性。

- 設(shè)置"justify-content"屬性為"center"。

<div style="display: flex; justify-content: center;">
  <img src="image.jpg" alt="圖片描述" />
</div>

3、使用Grid布局：

- 創(chuàng)建一個包含圖片的容器元素，并使用CSS的"display: grid"屬性。

- 設(shè)置"justify-content"屬性為"center"。

<div style="display: grid; justify-content: center;">
  <img src="image.jpg" alt="圖片描述" />
</div>

這些方法可以幫助你在網(wǎng)頁上居中顯示圖片，選擇哪種方法取決于你的具體需求和布局上下文，如果你需要更復(fù)雜的布局控制，可能需要結(jié)合使用多種CSS技術(shù)。