CSS是層疊樣式表 。 下面 ， 我們來看看怎么使用CSS讓圖片水平垂直都居中吧 。 操作方式 01 新建一張文檔
在桌面新建一張文本文檔 ， 更名為1.txt ， 如下圖所示：
02 根本代碼
然后打開文本文檔 ， 編寫根本代碼 ， 再把桌面上的山君圖片引入進去 ， 如下圖所示：
03 后綴名
然后把文本文檔后綴名改為.html ， 如下圖所示：
04 運行網頁
然后在瀏覽器中運行網頁 ， 此刻圖片有了 ， 只是還沒有居中 ， 圖片棲身代碼要用CSS寫 ， 如下圖所示：
05 CSS代碼
然后寫上CSS代碼 ， 如下圖所示：
06 垂直程度居中
可以看到圖片已經垂直和程度居中 ， 如下圖所示：
07 【怎么使用CSS讓圖片水平垂直都居中？】總代碼
<!DOCTYPE html>
<head>
<title>html</title>
<style type="text/css">
.picTiger{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<img class="picTiger" src=https://vvvtt.com/article/"C:/Users/Administrator/Desktop/1.png">
</body>
<html>
以上內容就是怎么使用CSS讓圖片水平垂直都居中？的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 怎么不讓軟件安裝到C盤？
- 怎么確定自己是否喜歡一個人？
- 設備管理器里找不到獨立顯卡怎么辦？
- word 2016怎么設置每頁行數和每行字數
- win10怎么用,小編告訴你win10怎么用
- 別人占用 微博被盜怎么辦？
- 自行車剎車不靈怎么辦
- 怎么發表自己的小說？
- 家里的母貓亂撒尿該怎么辦？
- 孩子寫作業磨蹭不專心怎么辦