css如何实现三个盒子中的文字底部对其

 我来答
每日小姐姐推荐
2018-09-26
知道答主
回答量:0
采纳率:0%
帮助的人:0
展开全部

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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
?>

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式