圖片水平居中

時間 2019-11-12

標籤圖片水平居中简体版

原文原文鏈接

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>

<style> *{ margin: 0; padding: 0; } .test{ height: 400px; width: 600px; border: 1px solid; text-align: center; margin: 10px auto; } .test:after{ display: inline-block; content: ""; height: 100%; width: 0; background: #1E9FFF; vertical-align: middle; } .image{ width: 150px; vertical-align: middle; } </style>
<body>
<div class="test">
  <img src="../img/guass1.jpg" alt="" class="image">
</div>
</body>
</html>

複製代碼

1. 圖片水平居中、垂直居中、水平垂直居中
2. HTML/CSS：圖片居中(水平居中和垂直居中)
3. 【css】圖片垂直水平居中
4. 設置圖片水平垂直居中
5. css 使圖片水平垂直居中
6. 圖片水平垂直居中
7. 實現圖片水平垂直居中
8. 水平居中、水平垂直居中
9. 水平居中
10. css水平居中垂直居中水平垂直居中
更多相關文章...
• Markdown 圖片 - Markdown 教程
• PHP image2wbmp - 輸出WBMP圖片 - PHP參考手冊
• Scala 中文亂碼解決
• C# 中 foreach 遍歷的用法

相關標籤/搜索