有没有更好的方法,处理拼音和汉字上下对齐的排版?
目前的排版如下:
.verses {
display: flex;
flex-direction: column;
white-space: pre-wrap;
text-align: justify;
word-break: break-all;
}
.verse {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.verse text {
padding: 0 10rpx;
}
2 回复
<view class="verses">
<view class="verse">
<text>chuang</text><text>qian</text><text>ming</text><text>yue</text><text>guang</text><text>yue</text><text>guang</text>
</view>
<view class="verse">
<text>窗</text><text>前</text><text>明</text><text>月</text><text>光</text><text>月</text><text>光</text>
</view>
<view class="verse">
<text>chuang</text><text>qian</text><text>ming</text><text>yue</text><text>guang</text>
</view>
<view class="verse">
<text>窗</text><text>前</text><text>明</text><text>月</text><text>光</text>
</view>
</view>