有没有办法在div中包装长单词？

6 回答

• 13

  阅读原始评论，rutherford正在寻找一种方法来包装 unbroken 文本（通过他使用IE的自动换行来推断，旨在打破不间断的字符串） .

  /* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
  .wordwrap { 
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */    
     white-space: -pre-wrap;     /* Opera <7 */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
  }
  

  我现在已经习惯了这个课程，并且像魅力一样 . （注意：我只在FireFox和IE中测试过）

  回复于 2024-05-12T18:48:19+08:00
• 0

  在Firefox 38.0.5中，以前的大部分答案都不适用于我 . 这样做......

  <div style='padding: 3px; width: 130px; word-break: break-all; word-wrap: break-word;'>
      // Content goes here
  </div>
  

  文档：

  • word-break

  • word-wrap

  回复于 2024-05-12T18:48:19+08:00
• 0

  white-space: pre-wrap
  

  quirksmode.org/css/whitespace.html

  回复于 2024-05-12T18:48:19+08:00
• 31

  Aaron Bennet的解决方案对我来说非常合适，但是我不得不从他的代码中删除这一行 - > white-space: -pre-wrap; 因为它发出错误，所以最终的工作代码如下：

  .wordwrap { 
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
  }
  

  非常感谢你

  回复于 2024-05-12T18:48:19+08:00
• 11

  正如大卫提到的那样，DIV默认会包装单词 .

  如果你指的是没有空格的很长的文本字符串，我所做的是处理字符串服务器端并插入空 Span ：

  thisIsAreallyLongStringThatIWantTo<span></span>BreakToFitInsideAGivenSpace
  

  这并不准确，因为字体大小等存在问题 . 如果容器的大小可变，则span选项有效 . 如果它是一个固定宽度的容器，你可以继续插入换行符 .

  回复于 2024-05-12T18:48:19+08:00
• 302

  您可以尝试指定div的宽度，无论是像素，百分比还是ems，此时div将保持该宽度，文本将自动换行然后在div中 .

  回复于 2024-05-12T18:48:19+08:00