1.字体中字与字之间设置间隔
letter-spacing属性: letter-spacing: 10px;
2.文字换行问题
强制不换行:white-space:nowrap;
自动换行:word-wrap:break-word;
word-break:normal;
强制英文单词断行:word-break:break-all;
3.css 文字超出部分自动换行,并且文字两端对齐
text-align: justify;
text-justify: newspaper;
word-break: break-all;
4.文字在一行显示超出部分用省略号代替
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
5.使用css设置文本显示行数,超过规定行数用省略号表示
text-overflow: -o-ellipsis-lastline;
verflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //这个是设置文本显示行数,改成几就会显示几行
-webkit-box-orient: vertical;
6.css字体描边
text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
-webkit-text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*: ;
filter: Glow(color=#fff, fstrength=1);