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%;

转载于:https://www.cnblogs.com/landen/p/6872405.html