1.text-align: 文本对齐方式
left: 左对齐
right:右对齐
conter: 居中
justify: 内容两端对齐。
- text-indent: 文本首行缩进
px:绝对单位像素的缩进
em:相对单位的缩进
16px=1em;
line-height: 20px;
px:行高 = 父元素的高;
3.单行文本省略号
white-space: nowrap; //强制在一行显示;
overflow:hidden; //溢出隐藏;
text-overflow: ellipsis; //文本溢出时显示省略号;
4.多行文本省略号
display:-webkit-box; //转换为老弹性盒
-webkit-box-orient:vertical; //排列方式为垂直;
-webkit-lin-clamp:3; //最多显示第几行;
overflow:hidden; //溢出隐藏;
text-overflow:ellipsis; //文本溢出时显示省略号;
5.文本装饰
text-decoration-line: 文本装饰的种类:
none;//默认值 无
underline; //下划线
overline; //上划线
line-through; //贯穿线(删除线);
text-decoration-style: 文本装饰的样式:
solid;//默认值 实线
double; //双线
dotted; //点线
dashed; //虚线;
wavy; //波浪线
text-transorm: 文字大小写:
none; //无转化;
capitalize; //首字母大写;
uppercase; //转化为大写;
lowercase; //转化为小写;
网友评论