css如何实现三个盒子中的文字底部对其
1个回答
展开全部
css flex了解一下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.m{width: 600px;display: flex;align-items:baseline;}
.box{flex:1;background: #eee;}
.box:nth-child(1){line-height: 200px;font-size:40px;}
.box:nth-child(2){line-height: 100px;font-size:30px;}
.box:nth-child(3){}
</style>
</head>
<body>
<div>
<div class="box">这是div1</div>
<div class="box">这是div2</div>
<div class="box">这是div3</div>
</div>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询