怎麼使用CSS讓圖片水平垂直都居中?
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>
-
Win7系統無法開啓顯卡硬件加速的解決辦法
在Win7系統中想要開啓顯卡硬件加速的話,需要進入"個性化—顯示設置—疑難解答—硬件加速—更改設置"中進行設置。但是很多用戶直接卡在更改設置這塊了,整個更改設置按鈕爲灰色的無法點擊。操作方法(01)1.首先我們需要下載三個dll文件;顯卡全加速DLL文件(02)接着我們來...
-
qq空間如何加密
我們自己的QQ空間有的時候會不想給別人看到。或者是不想給某些人看到。這個時候我們就需要加密了。怎麼給QQ空間加密呢?我們只需要進入QQ空間簡單的設置一下就可以啦。這裏就來爲大家來演示一下QQ空間加密方法!!加密方法(01)先進入自己的QQ空間、然後鼠標移動至網名...
-
百度賬號如何修改用戶名?
最近加入了回享計劃的預備班,心想着就嘗試一下吧,一個點擊便參加了。但是回頭一下,怎麼這用戶名是英文字母跟數字的串和,也沒有規律可言,又難記!主要是讓別人看見了,這用戶名感覺瞬間LOW了不是一點半點哦。就搗鼓着想更改一下,這時才發現原來這賬號一旦註冊了,用戶名是...
-
怎麼創建淘口令
淘寶口令是面向QQ、微信推廣的一種分享方式,通過創建一組分享數據複製分離到朋友圈,QQ聊天窗口,受衆羣體複製口令後打開淘寶即可快速抵達產品,特別適用於現在的Q羣,微信羣營銷。操作方法(01)下載最新版本的手機千牛客戶端,以賣家賬號登陸,在手機千牛界面其它插件當中找...