在我們的網頁中,通常需要展示一些圖片。那么如何指定圖片在哪個區域顯示呢?這需要使用CSS。
img { display: block; margin: 0 auto; max-width: 100%; }
上面的代碼可以將圖片居中顯示,并且能夠自適應大小,不會超出指定區域。接下來我們需要在HTML中指定這個區域。
<div class="img-container"> <img src="example.jpg"> </div>
上面的代碼中,我們使用了一個div元素來包裹img元素,并指定了一個class名為img-container的類。接下來可以在CSS中指定這個類的樣式。
.img-container { width: 500px; margin: 0 auto; }
上面的代碼中,我們指定了img-container元素的寬度,并將其居中顯示。這樣,圖片就能夠顯示在我們指定的區域內了。