怎麼使用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>
-
手機號碼如何去除電話邦的標註
現在很多智能手機都基於一定的服務平臺,可以自動識別一些騷擾電話。電話邦就是騷擾識別合作平臺。本文將介紹電話邦標註的電話類型如何去除。操作方法(01)搜狗搜尋“電話邦”進行搜尋,並進入電話邦的官方網站。(02)進入電話邦首頁後,點擊上方導航欄中的“號碼申訴”選...
-
怎麼成爲網易雲閱讀的作者
最近看到網易雲閱讀裏面竟然有作者選項,所以就來分享下如何成爲網易雲閱讀的作者。操作方法(01)要加入網易雲閱讀,首先就是先註冊一個網易的帳號,一般推薦網易的163郵箱帳號。(02)有了網易郵箱之後,就可以登入網易雲閱讀的首頁,用郵箱登入。(03)登入網易雲閱讀之後,就點擊...
-
支付寶如何取消快捷支付?
快捷支付是支付寶作爲支付寶獨特的交易方式,不過支付寶爲了取消網銀付款的麻煩,增加用戶的粘性,並且鎖住用戶。今天小編分享支付寶如何取消快捷支付。操作方法(01)我們在支付寶上設定快捷支付,首先我們需要登入自己的支付寶賬號或者淘寶賬號。登入自己的賬號和密碼就...
-
什麼樣的朋友圈可以引起互動?
微信朋友圈已經成爲我們必看的內容,有些人也會有很大一部分時間在上面。時不時的拿出手機,看看有沒有人給你點贊,評論等。給大家分享一下,什麼樣的朋友圈可以引起互動。成爲朋友圈達人!操作方法(01)第一條,先有趣後有用例如:我已經這麼醜了,再不出來嚇人,那不是白醜了?(配圖...