css如何让两个div垂直对齐？

如(我想在div0内的两个盒子都垂直居中，float:left只能顶端对齐，不能中部对齐)：<divclass="div0"><divclass="div1">盒子1</... 如(我想在div0内的两个盒子都垂直居中，float:left只能顶端对齐，不能中部对齐)：
<div class="div0">

<div class="div1">盒子1</div>
<div class="div2">盒子2</div>

</div>
不要手动的设置，而且两个盒子的高度不一样展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

匿名用户
推荐于2016-04-14

展开全部

给div一个宽度，然后margin: 0px auto；即可垂直居中。。。

追问

我说的是垂直居中。。

追答

我测试了下，表格可以满足你的要求。

已赞过 已踩过<

评论收起

匿名用户
2015-08-24

展开全部

<!DOCTYPE html>
<html>
  <head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>
			RunJS 演示代码
		</title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			div{
				border:1px solid black;
			}
			.div0{
				margin:auto;
				width:500px;
			}
			
			.div0 div{
				margin:auto;
			}
			
			.div1{
				width: 100px;
				height: 50px;
			}
			
			.div2{
				width: 200px;
				height: 100px;
			}
		</style>
  </head>
	<body>
		<div class="div0">
			<div class="div1">
				盒子1
			</div>
			<div class="div2">
				盒子2
			</div>
    </div>
  </body>
</html>

本回答被网友采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

css如何让两个div垂直对齐？

其他类似问题

为你推荐：