flex布局的常用项
作者:
唯吾听烟雨 | 来源:发表于
2021-02-25 16:26 被阅读0次
大小不同的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
本文标题：flex布局的常用项
本文链接：https://www.haomeiwen.com/subject/tiasfltx.html
网友评论