文字超出部分裁剪掉:
overflow:hidden;
text-overflow:clip;
文字超出部分用省略号代替:
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap; // 强制不换行
word-wrap
word-wrap 属性允许长单词或 URL 地址换行到下一行
word-break
word-break 属性规定自动换行的处理方法
white-space
white-space 属性设置如何处理元素内的空白
text-shadow 属性向文本添加一个或多个阴影。
text-shadow: 颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)
text-shadow: x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)
和box-shdow很像,可以设置偏移、颜色、阴影大小
text-shdow: 2px 2px 3px #333;
可以写多个,,隔开
text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
结合背景颜色,通过偏移距离负数或者颜色,可以做出各种效果
text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;
color: #fff; text-shadow: 1px 1px rgba(197, 223, 248,0.8),2px 2px rgba(197, 223, 248,0.8),3px 3px rgba(197, 223, 248,0.8),4px 4px rgba(197, 223, 248,0.8),5px 5px rgba(197, 223, 248,0.8),6px 6px rgba(197, 223, 248,0.8);