大小不同的dom以基线对齐
image.png
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
body,html{height: 100%;}
div{height:30%;width: 400px;display:flex;align-items: center;background: #ccc;}
b{flex-basis: 200px;background: #f93;}
span{background: #390;}
</style>
</head>
<body>
<div>
<b>啦啦啦</b>
<span>
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
</spen>
</div>
</body>
</html>
image.png
