这样文字会超出div显示,然后overflow:hidden;让超出部分隐藏不显示, 然后text-overflow:ellipsis;或者 text-overflow:clip;分别设置隐藏部分用 省略号或剪切效果显示。
demo:@Entry @Component struct Index { build() { Stack() { Row(){ Text('安...
HarmonyOS textOverflow文字超出边界,显示省略号无效果? HarmonyOS码上奇行 10.9k271 发布于 2024-12-07 代码如下: @Entry @Component struct Test { build() { Stack() { Row(){ Text('安徽省合肥市蜀山区金寨路189号(中国科大东区地铁站1号口步行470米)') .width('100%') .height(20) .textOverflo...
width: 200px; white-space: nowrap; /* 文本不换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; /* 文字超出部分显示为 ... */ } 实际效果: