css 英文或数字溢出问题

逃离我推掉我的手 2024-04-18 07:17 165阅读 0赞

连续的输入英文或者是数字,就会产生这个问题。如果正常的中文就不会产生这种问题。

连续英文算作一个单词。

解决办法:CSS里填加 word-wrap:break-word;

  1. /* 单行溢出 */
  2. .single-row{
  3. overflow: hidden;
  4. white-space: nowrap;
  5. text-overflow: ellipsis;
  6. }
  7. /* 两行溢出 */
  8. .double-row{
  9. overflow: hidden;
  10. text-overflow: ellipsis;
  11. display: -webkit-box;
  12. -webkit-line-clamp: 2;
  13. -webkit-box-orient: vertical;
  14. word-break: break-all;
  15. }

发表评论

表情:
评论列表 (有 0 条评论,165人围观)

还没有评论,来说两句吧...

相关阅读

    相关 溢出英文不换行

      英文溢出不换行而中文溢出会换行,因为中文一个字就是一个字符浏览器知道有多少个字符,而英文字母浏览器不知道整体是一个单词还是由许多单词组成,就统一当成一个单词处理所有就...