# text-shadow
适用于文本阴影 水平阴影,垂直阴影,模糊的距离,以及阴影的颜色
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
白茶清风无别事,我在等风也等你
# text-overflow
text-overflow:ellipsis 省略号
text-overflow:clip 截取
# CSS3的换行
# word-wrap
允许对长的不可分割的单词进行分割并换行到下一行。
p {word-wrap:break-word;}
# word-break
| 值 | 描述 |
|---|---|
| normal | 使用浏览器默认的换行规则。 |
| break-all | 允许在单词内换行。 |
| keep-all | 只能在半角空格或连字符处换行。 |
<div style="width:100px;height:auto;border:1px solid;word-break:break-all">
123333333333333333333333333333333333413351321132222222</div>
<div style="width:100px;height:auto;border:1px solid;word-wrap:break-word">
123333333333333333333333333333333333413351321132222222</div>
123333333333333333333333333333333333413351321132222222
123333333333333333333333333333333333413351321132222222