怎么让一个不定宽高的div水平居中，垂直水平居中
2个回答
展开全部
方法其实很多，我给2个我觉得兼容性相对好一些的吧
1、一个很简单粗暴的方法，就是把div放进table里面，给table设置水平居中，而td默认情况内容是垂直居中的，如下：
<style type="text/css">
body,html{ margin:0; padding:0; height:100%;}
.tablebox{ margin:0 auto; height:100%;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" class="tablebox">
<tr>
<td>
<div>内容内容内容内容内容内容</div>
</td>
</tr>
</table>
</body>
2、通过绝对定位的50%来达到，但是因为div是有高度宽度的，设置50%就不是绝对的水平垂直居中，所以就要设置transform属性来调整
<style type="text/css">
body,html{ margin:0; padding:0; height:100%;}
.divbox01{ width:100%; height:100%; position:relative;}
.divbox02{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
</style>
</head>
<body>
<div class="divbox01">
<div class="divbox02">内容内容内容内容</div>
</div>
</body>
其他方法我就懒得说了，我个人常用的就主要是这两个
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
