div+css:div中图片垂直居中

2023-05-10,,

div中图片垂直居中

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.box {
width: 200px;
height:200px;
display: table-cell;
/* 水平居中 */
text-align:center;
/* 垂直居中 */
vertical-align:middle;
border: 1px solid #f40;
}
</style>
</head>
<body>
<div class="box">
<img src="111.png"/>
</div>
</body>
</html>

显示结果:

div+css:div中图片垂直居中的相关教程结束。

《div+css:div中图片垂直居中.doc》

下载本文的Word格式文档,以方便收藏与打印。