# 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
最后更新: 12/4/2019, 5:27:18 PM