本文介绍了CSS中控制文本样式的属性，如text-decoration用于添加下划线、删除线等装饰，text-transform调整单词大小写，text-indent设置首行缩进，以及text-align实现文本对齐。此外，还讨论了letter-space和word-space控制字符与单词间距的方法，以及如何利用white-space、overflow和text-overflow实现文本的换行与省略号隐藏效果。
文本相关
1.text-decoration
用于文字修饰，常见取值
- underline 下划线
- line-through 划掉
- overline 上划线
- none 无装饰线
2.text-transform
用于单词大小写转换，常见取值
- capitalize 首字母大写
- uppercase 全部大写
- lowercase 全部小写
- none 不做处理默认值
对文字的大小写处理更多使用JavaScript
3.text-indent
指定文本内容的第一行前面应该留出多少的水平空间，即缩进。一般取em、rem，几个字体大小。
4.text-align
- left text-align的默认值
- center 只对行内级元素起作用，包括文本图片，但不对块级元素起作用，可以使用display：inline-block讲块级元素转化为行内元素，从而实现居中
- justify 基本上用不上，现在使用flex布局方案实现两端对齐
5.letter-space/words-space
字母或者单词的间距，单位px
6.将多文本压缩省略
white-space:nowrap;//全部放在一行显示
overflow:hiddle;//超出部分隐藏
text-overflow:ellipsis;//以省略号方式隐藏
扫一扫
1304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
