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

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

相关文章:

  • 2022-12-23
  • 2021-12-27
  • 2021-05-11
  • 2022-01-19
  • 2022-12-23
  • 2021-11-26
  • 2022-02-22
  • 2022-01-07
猜你喜欢
  • 2021-12-25
  • 2022-02-01
  • 2022-02-20
  • 2022-12-23
  • 2021-12-04
  • 2022-12-23
  • 2022-02-17
相关资源
相似解决方案