日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

怎么使用CSS讓圖片水平垂直都居中？

云知道

【怎么使用CSS讓圖片水平垂直都居中？】CSS是層疊樣式表 。下面 ， 我們來(lái)看看怎么使用CSS讓圖片水平垂直都居中吧 。

怎么使用CSS讓圖片水平垂直都居中？


操作方法01、新建一張文檔
在桌面新建一張文本文檔，改名為1.txt ， 如下圖所示：
02、基礎(chǔ)代碼
然后打開文本文檔，編寫基礎(chǔ)代碼，再把桌面上的老虎圖片引入進(jìn)去，如下圖所示：
03、后綴名
然后把文本文檔后綴名改為.html，如下圖所示：
04、運(yùn)行網(wǎng)頁(yè)
然后在瀏覽器中運(yùn)行網(wǎng)頁(yè)，現(xiàn)在圖片有了，只是還沒(méi)有居中 ， 圖片居住代碼要用CSS寫，如下圖所示：
05、CSS代碼
然后寫上CSS代碼，如下圖所示：
06、垂直水平居中
可以看到圖片已經(jīng)垂直和水平居中 ， 如下圖所示：
07、總代碼




html

.picTiger{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}







怎么使用CSS讓圖片水平垂直都居中？







    推薦閱讀