css文字溢出隐藏，及强制断句

• 只显示一行文字，便溢出隐藏

　　text-overflow: ellipsis;

　　white-place: nowrap;

　　overflow: hidden;

• 显示 n 行文字后便溢出隐藏

　　 display: -webkit-box;

　　-webkit-line-clamp: n;

　　-webkit-box-orient: vertical;

　　overflow: hidden;

• 强制断句（设置宽度）

　　word-wrap: break-word;  // 会首先起一个新行来放置长单词（新句），新的行还是放不下这个长单词进行强制断句

　　word-break: break-all;  // 不会把长单词（新句）放置到新的一行来，当这一行放不下这个长单词时会直接进行强制断句

• 强制断句（不设宽度）

　　word-wrap: break-word;

　　word-break: break-all; 

　　width: 100%;

以上就是css文字溢出隐藏，及强制断句的详细内容，更多关于css文字溢出隐藏，及强制断句的资料请关注九品源码其它相关文章！