當前位置:菜譜大全網 - 菜譜大全 - css html如何水平、垂直、水平居中img標簽?

css html如何水平、垂直、水平居中img標簽?

1,第壹個css代碼如圖。將顯示設置為表格單元格,文本居中對齊,垂直居中對齊。

2.打開瀏覽器查看結果,圖片在中央。

3.第二種方法的css代碼如圖所示。Div設置為相對定位,img設置為絕對定位,然後左:50%,上:50%。此時,圖片的左上角將位於div的中心。重要提示:圖片向上移動圖片高度的壹半,向左移動圖片寬度的壹半。就在div中間。

4.在瀏覽器中查看結果,圖片水平和垂直居中。