美文网首页
设置文本样式

设置文本样式

作者: 酒深巷子Ya | 来源:发表于2018-09-15 20:06 被阅读12次
基本文本样式

text-align: 文本对其方式。

1、start
2、end
3、left
4、right
5、center
6、justify

whitespace: 指定处理文本空白的方式。

1、normal 默认值,空白符被压缩,文本行自动换行。
2、nowrap 空白被压缩,文本不换行
3、pre 空白被保留,文本只有遇到换行时换行
4、pre-line 空白被压缩,文本只有一行排满或者遇到换行时换行
5、pre-wrap 空白被保留,文本只有一行排满或者遇到换行时换行

direction: 文本块的排列方向。ltr/rtl

指定单词、字母、行之间的间距

letter-spacing 设置字母之间的间距。
word-spacing 设置单词之间的间距
line-height 设置行高

word-wrap:控制断词。

normal 单词不断开,即使无法无法完全包含快元素
break-word 断词断开,使其放入包含快元素

text-indent:首行缩进。text-indent: 15%;

文本装饰与大小写转换

text-decoration: none/ underline/ overline/ line-through /blink

text-transform: none/ capitalize/ uppercase/ lowercase

text-show: 创建文本阴影。box/text-show: 0.1em 0.1em 1px blue;

1、h-shadow
2、v-shadow
3、blur
4、color

使用字体
font-size: 字体大小
font-family: 字体
font-style:字体样式 Normal/ italic/ oblique
font-weight:字体粗细 Normal/ bold/ bolder/ lighter

相关文章

  • iOS 属性文字NSAttributedString/NSMut

    在iOS中的文本样式是固定的,只能设置字体样式(font)或者设置字体,如果需要自定义文本样式,则需要用属性文本(...

  • iOS YYLabel

    1: 设置富文本样式

  • CSS-1

    全局样式 类样式 背景样式 外部样式 文本样式 属性属性值作用color表示颜色的内容设置文本颜色directio...

  • CSS全局样式的设置

    默认字体设置,边距设置 去除默认边距 链接相关样式 排版相关样式 内嵌文本相关样式 表单文本相关样式 结尾给大家分...

  • 设置文本样式

    基本文本样式 text-align: 文本对其方式。 whitespace: 指定处理文本空白的方式。 direc...

  • 多行文本溢出显示省略号...

    未设置样式:文本自动显示,表格数据被挡住一行 设置样式后:仅让文本显示两行, 兼容性问题

  • css设置文本显示不下是用省略号表示

    直接给文本那个盒子设置css样式

  • Flutter学习笔记(二):Text文本及样式

    Text用于显示简单样式文本,它包含一些控制文本显示样式的一些属性,文本现实样式可以使用style进行设置,但是操...

  • 富文本

    1.普通富文本:(1)富文本创建 & 赋值: (2)获取range: (3)常用样式: (4)设置段落样式(行间距...

  • CSS 文本样式设置

    颜色设置 十六进制颜色:一个颜色值,比如:#6600ff,实际上表示包含了三组十六进制的数字,66代表红色的浓度,...

网友评论

      本文标题:设置文本样式

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