不同字号大小的Text底部对齐

作者: wl520mxj | 来源:发表于2025-02-09 18:20 被阅读0次

如图所示，如果用多个Text实现2025年1月，因为内边距的问题，会导致底部不对齐。解决方案是用Span解决，如下

方案1：

Text() {

Span('2025').fontSize(22).fontWeight(FontWeight.Bold)

Span('年').fontSize(11)

Span('1').fontSize(22).fontWeight(FontWeight.Bold)

Span('月').fontSize(11)

}.fontColor('#111B3C')

方案2：

Row() {

Text('2025').fontSize(22).fontWeight(FontWeight.Bold)

Text('年').fontSize(12).alignSelf(ItemAlign.Baseline)

}

ReactNative 不同大小Text文本底部对齐
需求显示金额时，小数部分字体要小，整数部分字体要大。底部肯定是要对齐的，如下图实现方法参考： https:/...
同一view下的多个不同字号的text 底部对齐
同一行的多个text 既有文字也有数字，最好效果是底部对齐。数字字号一般会比文字字号大些，所以父控件view ...
5. SwiftUI学习之_Text()常用属性
下边介绍一下Text（）的一些常用属性：1、设置Text的背景颜色2、设置Text的字号大小3、设置Text的fr...
布局
不同字体底部对齐￥ 56 .9 2371人付款
flex布局的常用项
大小不同的dom以基线对齐
文本
文本 text text-align: 文本对齐方式left 左对齐center ...
排版样式
#文本对齐 text-left text-right text-center #块标签对齐 pull-left p...
CSS 字体对齐
text-align:justify; 两边对齐text-align:left; 左对齐text-align:ri...
bootstrap常用类
一．文本1）对齐方式text-left 文本左对齐 =======> text-align：...
Flutter学习笔记
Text Widget 文本对齐方式：TextAlign center：居中 left：左对齐 right：右对齐...

网友评论

本文标题：不同字号大小的Text底部对齐

本文链接：https://www.haomeiwen.com/subject/eantpjtx.html

不同字号大小的Text底部对齐