文本显示的一些样式

作者: 贝灬小晖 | 来源:发表于2020-08-20 14:56 被阅读0次

Flutter学习笔记（二）：Text文本及样式
《Flutter For Android学习日记》文本及样式
Text
Text TextSpan
Flutter基础组件: Text
Flutter组件
2 文本及样式
Flutter之常用组件
文本显示的一些样式
Flutter了解之入门篇5（常用组件---文本、按钮、图片）

1.word-wrap 属性 (overflow-wrap)

相似属性 word-break

CSS3中将 <' word-wrap '> 改名为 <' overflow-wrap '>；

由于历史原因，当你使用 <' overflow-wrap '> 时，最好同时使用 <' word-wrap '> 作为备选，作向前兼容。

word-wrap: normal
只在允许的断字点换行（浏览器保持默认处理）。

image.png

word-wrap:break-word    
在长单词或 URL 地址内部进行换行。

image.png

其实我觉得一般用上面的就可以
word-break: normal|break-all|keep-all;

image.png

2.text-overflow

ellipsis    显示省略符号来代表被修剪的文本。

clip    修剪文本。

image.png

3.line-clamp

控制显示的行数

4.line-height

line-height是行高的意思，它决定了元素中文本内容的高度，height则是定义元素自身的高度。

height：表示行高
line-height：表示每行文字所占的高度

Flutter学习笔记（二）：Text文本及样式
Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，文本现实样式可以使用style进行设置，但是操...
《Flutter For Android学习日记》文本及样式
一、文本及样式 1.Text Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，一个简单的例子如...
Text
介绍 Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性列表参数练习 TextSpan介绍在...
Text TextSpan
TextText用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，一个简单的例子如下： this.sty...
Flutter基础组件: Text
Text Text用于显示简单文本样式, 包含一些控制文本显示样式的一些属性 1. 基础使用 2. 文字对齐 2....
Flutter组件
文本及样式 Text: 显示简单样式文本TextStyle: 指定文本显示的样式TextSpan: 对一个Text...
2 文本及样式
原文在此，此处只为学习 Text Text文本属性如下所示 Text用于显示简单样式文本，它包含一些控制文本显示样...
Flutter之常用组件
基础组件文本组件 Text 用于显示简单样式文本，包含一些控制样式属性按钮与手势组件 IconButton I...
文本显示的一些样式
1.word-wrap 属性 (overflow-wrap) 相似属性 word-break CSS3中将 <' ...
Flutter了解之入门篇5（常用组件---文本、按钮、图片）
1. 文本 Text （用于显示文本）示例 TextSpan （富文本：对文本内容的不同部分按照不同的样式显示）...