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%;
用我拥有,换你没有,竭尽所有