CSS是網(wǎng)頁設(shè)計(jì)中最常用的樣式表語言之一，它允許我們控制網(wǎng)頁中的各種元素，包括圖片的顯示方式。在本文中，我們將介紹如何使用CSS將圖片水平顯示。 首先，我們需要在HTML代碼中插入一張圖片，這可以通過使用``標(biāo)簽來完成，例如：

<img src="example.jpg" alt="example">

接下來，我們可以使用CSS的`display`和`margin`屬性來控制圖片的顯示方式：

<style>
img{
display: block; /* 將圖片轉(zhuǎn)換為塊級(jí)元素 */
margin: 0 auto; /* 設(shè)置圖片左右居中 */
}
</style>

在上面的代碼中，我們將圖片的`display`屬性設(shè)置為`block`，這將使圖片變成一個(gè)塊級(jí)元素，使我們能夠使用`margin`屬性來控制圖片的位置。我們將`margin`的左右值都設(shè)置為`auto`，這將使圖片在其父元素中水平居中。 如果您希望將圖片包含在一個(gè)容器中，我們還可以使用CSS的`text-align`屬性來對(duì)容器進(jìn)行對(duì)齊：

<style>
.container{
text-align: center; /* 將容器內(nèi)的元素居中對(duì)齊 */
}
img{
display: block; /* 將圖片轉(zhuǎn)換為塊級(jí)元素 */
margin: 0 auto; /* 設(shè)置圖片左右居中 */
}
</style>
<div class="container">
<img src="example.jpg" alt="example">
</div>

在上面的代碼中，我們將包含圖片的`