首页 > 代码库 > 让一个div在屏幕水平、垂直居中（响应式）
让一个div在屏幕水平、垂直居中（响应式）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1" /> <title></title> <style type="text/css"> .parent{ position: fixed; top: 50%; bottom: 50%; left: 50%; right: 50%; width: 0; height: 0; } .show{ border: 1px solid red; height: 20rem; width: 20rem; /* 以下两个属性必须为width,height值的负一半 */ margin-left: -10rem; margin-top: -10rem; } table{ width: 100%; height: 100%; text-align: center; } td{ border: 1px solid red; } </style> </head> <body> <div class="parent"> <div class="show"> <table> <tr> <td><img src="http://www.mamicode.com/解析图片/error.png"></td> </tr> <tr> <td>aa</td> </tr> </table> </div> </div> </body></html>
结果：
让一个div在屏幕水平、垂直居中（响应式）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。