首页 > 代码库 > div+css:div中图片垂直居中
div+css:div中图片垂直居中
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>
显示结果:
div+css:div中图片垂直居中
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。