1.4 文本效果

• text-shadow 阴影
• text-overflow 溢出
• word-wrap 长单词分割
• word-break 换行规则
• text-align-last 最后一行的对齐规则
• 暂不支持

text-shadow 阴影

<p style="font-size: 32px;
text-shadow: 2px 4px 1px red">
    CSS3 文本效果
</p>

text-overflow 溢出

<p style="font-size: 32px;width: 100px;background-color: red;overflow:hidden;white-space: nowrap;
text-overflow: ellipsis;">
    word break word break word break word break
    word break word break word break word break
</p>

word-wrap 长单词分割

<p style="font-size: 32px;
word-wrap: break-word">
    word break word break word break word break
</p>

word-break 换行规则

<p style="font-size: 32px;
word-break: normal">
    word break word break word break word break
</p>

text-align-last 最后一行的对齐规则

<p style="font-size: 32px;
text-align: left;
text-align-last: center;">
    word break word break word break word break
</p>

暂不支持

text-wrap
text-outline
text-emphasis
text-justify
hanging-punctuation
punctuation-trim