CSS3的换行

如果某个单词太长，不适合在一个区域内，它扩展到外面：

自动换行属性允许您强制文本换行 - 即使这意味着分裂它中间的一个字：

允许长文本换行:

p {

word-wrap:break-word;}

 

CSS3 单词拆分换行

CSS3 单词拆分换行属性指定换行规则：

p.test1 {

word-break: keep-all; }

p.test2 {

word-break: break-all; }

 

CSS3 Text Overflow属性

CSS3文本溢出属性指定应向用户如何显示溢出内容

p.test1 {

white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: clip; } p.test2 {

white-space: nowrap; width: 200px; border: 1px solid #000000; overflow: hidden; text-overflow: ellipsis; }

 

使用您需要的字体

在新的 @font-face 规则中，您必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。

如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：

<style>

@font-face {

　　font-family: myFirstFont;

　　src: url(sansation_light.woff); }

div {

　　font-family:myFirstFont;

}

</style>