设置固定高度,超出的数据部分变成列表可滚动
width: 100%;
height: 100px;
overflow: auto; //出现滚动条;
单行文字不换行,溢出的部分显示省略号
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏超出部分的文本 */
text-overflow: ellipsis; /* 超出文本显示为省略号 */
首行缩进, 建议使用em 作为使用单位.
text-indent: 100px;
英文单词间距, 用于定义英文单词之间的间距，对中文符无效.
word-spacing: 200px;
字间距, 用于定义字间距，中英文都适用, 中文对应的字, 英文对应字母.
letter-spacing: 10px;
行间距, 用于设置行间距，即上行与下行中间的间距。
line-height: 10px;
文本转换大小写
text-transform：none / capitalize / uppercase / lowercase
1. none: 不转换(默认)
2. capitalize: 首字母大写
3. uppercase: 全部符号转换为大写
4. lowercase: 全部转化为小写
文本装饰, 用于设置文本的下划线,上划线,删除线等装饰效果
text-decoration: none;
1. none：没装饰
2. underline：下划线
3. overline：上划线
4. line-through：删除线
标示对象内溢出文本, 即是否显示省略符
text-overflow: clip / elipsis
1. clip: 截断溢出文本，不显示省略标签“...”。
2. ellipsis: 溢出文本,用省略标签'...'来替代.
用于实现长单词和URL地址的自动换行,以避免它们溢出容器的边界.
word-wrap: normal / break-Word; (现在通常使用 overflow-wrap)
1. normal：只在允许的断字点换行（浏览器保持默认处理）
2. break-Word：在长单词或URL地址内部进行换行
指定浏览器如何处理单词边界和换行。
word-break
normal：使用浏览器默认的换行规则。
break-all：允许在任何字符处换行，包括 CJK (中文/日文/韩文) 字符。
keep-all： CJK 字符不允许换行，非 CJK 字符遵循正常的换行规则。
break-word： 和 overflow-wrap: break-word 行为一致，在长单词或 URL 内部换行。 (这个值在 CSS3 中被引入，是为了兼容性。)
阴影效果.用于为页面文本添加阴影效果
text-shadow：h-shadow v-shadow blur color；
h-shadow用于设置水平阴影距离，
v-shadow用于设置垂直阴影的距离，
blur用于设置模糊半径，
color用于设置阴影颜色。
水平对齐方式
text-align: left / center / right;
空白符号处理
white-space: normal / pre / nowrap;
1. normal: 常规显示（默认值），文本中的空格，空行无效，满行（到达区域边界）后自动换行。
2. pre:预格式化，按文档的书写格式保留空格，空行原样显示。
3. nowrap:空格空行无效，强制文本不能换行，除非遇到换行标签<br/>。内容超出元素的边界也不会换行，若超出浏览器界面则会自动添加滚动条。
