在 HTML 中,通過使用 <a> 標簽可以創建一個鏈接,例如:
<a >這是一個鏈接</a>
同樣,在 <a> 標簽內也可以插入圖片,讓鏈接變得更加生動有趣。例如:
<a ><img src="image.jpg"></a>
但是,當插入圖片時,有時候會遇到圖片居中的問題。默認情況下,圖片會默認居左展示。那么該如何實現圖片居中呢?
可以通過 CSS 設置圖片的樣式來實現:
<style> img { display: block; margin: 0 auto; } </style> <a ><img src="image.jpg"></a>
其中,display: block;
可以使圖片成為一個塊級元素,從而讓其可以使用margin: 0 auto;
屬性進行水平居中。這樣,圖片就可以美美地居中展示啦!