在Css中,給出的圖片通常是默認左對齊。但是,如果你想要讓你的圖片居中,下面是幾種方法來實現。
方法1:使用Text-align屬性
Text-align屬性設置元素內部的文本水平對齊。如果將“text-align”屬性設置為“center”,則可以將任何元素及其子元素中的文本居中。這個方法適用于圖片為塊級元素的情況。
示例代碼
``````
方法2: 使用Margin屬性
Margin屬性設置元素左、右、上、下四邊的外邊距。將左右外邊距設置為auto,則可以將元素居中。這種方法適用于圖片為行內元素的情況。
示例代碼
``````
以上兩個方法是將CSS中的圖片居中的基本方法,通過修改CSS樣式,可以實現圖片的不同居中位置。這里僅僅列舉出了最基礎的方法。
代碼:
<p style="text-align:center;"> <img src="image.jpg" alt="居中的圖片" /> </p>
上一篇如何弄到js和css文件
下一篇css邊框虛線的長度