怎麼使用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>
-
微信openid獲取教程
用微信支付平臺發放紅包必須上傳使用者的微信openid,想要匯出微信openid可以按以下步驟來做。操作方法(01)進入微信openid匯出平臺,根據下圖1更新列表;2重新整理粉絲資訊;3匯出資料;(02)獲得的微信平臺openid資料如下(03)把openid拷貝到t型臺文件裡,格式如下。(04)匯入到微信商戶平...
-
解決TeamViewer無法按給定網路地址聯絡夥伴
在使用TeamViewer遠端控制電腦的時候,突然出現下圖提示無法建立連線,無法按給定網路地址聯絡夥伴。然後不管怎麼試,都彈出這個連線地址。下面是本人親身經歷和排除方法,僅供參考。操作方法(01)首先第一步就是修復一下網路連線,開啟網路和共享中心。(02)選擇自己使用的上...
-
金萬維動態域名教程
現如今有很多nat123、金萬維等類似的建站軟體,那麼怎麼用金萬維獲得屬於自己的動態域名呢?操作方法(01)登陸金萬維伺服器端,進入配置介面,點選配件許可證,然後點選“點選申請試用賬號”。(02)按提示輸入相關資訊,完成註冊。註冊完成後,一般建議勾選“啟動動態域名解析”,這...
-
如何把檔案轉換成PDF格式?
PDF格式在如今使用頻率越來越高,在一些文件中,PDF往往比較方便文字及圖片的檢視。那麼如何把檔案直接轉換成PDF格式呢?以福昕高階PDF編輯器為例,把文件改成方便的PDF格式進行瀏覽和編輯。操作方法(01)PDF格式的文件很多,一些方便的功能可以直接在PDF編輯器中實現。怎...