本文目錄導讀：

1. 使用CSS的“position”屬性
2. 使用HTML的“img”標簽

讓圖片不平鋪CSS

在CSS中，我們經常會遇到圖片平鋪的問題，即圖片在容器中重復顯示，無法做到只顯示一次，我們該如何讓圖片不平鋪呢？

一、使用CSS的“background-repeat”屬性

我們可以使用CSS的“background-repeat”屬性來控制圖片是否重復顯示，該屬性的默認值為“repeat”，表示圖片會在容器中重復顯示，我們可以將其設置為“no-repeat”，表示圖片只顯示一次，不會重復。

使用CSS的“position”屬性

除了使用“background-repeat”屬性外，我們還可以使用CSS的“position”屬性來控制圖片的位置，當我們將“position”屬性設置為“absolute”時，圖片會被定位到容器的指定位置，并且不會隨著容器的滾動而移動，這樣，我們就可以避免圖片重復顯示的問題。

使用HTML的“img”標簽

在HTML中，我們可以使用“img”標簽來插入圖片，由于“img”標簽只會顯示一次圖片，因此它也可以幫助我們避免圖片重復顯示的問題，不過需要注意的是，如果我們在同一個容器中多次使用“img”標簽插入同一張圖片，那么該圖片仍然會重復顯示。

我們可以通過使用CSS的“background-repeat”和“position”屬性以及HTML的“img”標簽來控制圖片的顯示方式，從而避免圖片重復顯示的問題。