极客观点
项目管理
HarmonyOS
根据查到资料 行框中对齐方式的确认：
a）首先确认该行内的基准元素，取line-height值为最大值的元素作为基准；
b）其他文本向基准元素对齐
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#wrap {
height: 400px;
background: red;
width: 400px;
border: 1px solid;
margin: 100px auto;
text-align: center;
}
#wrap:after {
content: "文本2";
display: inline-block;
height: 100%;
width: 50px;
background: pink;
vertical-align: bottom;
}
#wrap img {
vertical-align: middle;
}
</style>
</head>
<body>
<div id="wrap">
文本1
<img src="img/img2.jpg" width="150" />
</div>
</body>
</html>
效果如下：
如上图文本2是行内最高的元素，它自身是跟谁对齐？， 图片设置的mddle为啥跑到下面去了，求大神解答
https://www.zhangxinxu.com/wo...
推荐阅读