问大家一个简单布局问题嘛 - WXOPEN Club

代码如下

<view class="box">

<text class="a">¥</text>

<text class="b">6.00</text>

<text class="c">12.00</text>

</view>

.box{

height:100rpx;

display:flex;

flex-direction: row;

align-items: flex-end;

background-color: #FF2D4B;

}

.a{

font-size: 20rpx;

}

.b{

font-size: 40rpx;

}

.c{

font-size: 28rpx;

}

运行效果：

期望：

就是希望a,b,c三个类底部对其。。为什么没对齐呢？

我觉得把line-height:1;去掉

align-items: flex-end;

改成

align-items: baseline;

这样好看点

试一下给 .a .b .c 一个和size一样的高度，先变成块级元素

把box中的align-items: flex-end;改成align-items: baseline;

给box加个 line-height: 1; 能好吗？你这个看着怎么这么怪