div中图片垂直居中
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style>
7 .box {
8 width: 200px;
9 height:200px;
10 display: table-cell;
11 /* 水平居中 */
12 text-align:center;
13 /* 垂直居中 */
14 vertical-align:middle;
15 border: 1px solid #f40;
16 }
17 </style>
18 </head>
19 <body>
20 <div class="box">
21 <img src="111.png"/>
22 </div>
23 </body>
24 </html>
显示结果:
时间： 2024-10-10 20:08:49