妙知谷怎麼使用CSS讓圖片水平垂直都居中？
- 互聯網
- 關注：1.93W次
CSS是層疊樣式表。下面，我們來看看怎麼使用CSS讓圖片水平垂直都居中吧。
操作方法
新建一張文檔
在桌面新建一張文本文檔，改名為，如下圖所示：
基礎代碼
然後打開文本文檔，編寫基礎代碼，再把桌面上的老虎圖片引入進去，如下圖所示：
後綴名
然後把文本文檔後綴名改為，如下圖所示：
運行網頁
然後在瀏覽器中運行網頁，現在圖片有了，只是還沒有居中，圖片居住代碼要用CSS寫，如下圖所示：
CSS代碼
然後寫上CSS代碼，如下圖所示：
垂直水平居中
可以看到圖片已經垂直和水平居中，如下圖所示：
總代碼
<!DOCTYPE html>
<head>
<title>html</title>
<style type="text/css">
iger{
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
</style>
</head>
<body>
<img class="picTiger" src="C:/Users/Administrator/Desktop/1.png">
</body>
<html>
- 文章版權屬於文章作者所有，轉載請註明 https://miaozhigu.com/sm/hulianwang/vk92x.html
