pre标签自动换行

当以上word-wrap：break-word放在

和标签中时，在Firefox和Opera下是不会换行的

pre{
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap !important; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
 }

td标签自动换行

word-wrap和break-word直接应用在table中是没有效果的，为了解决这个bug,只能在table中加上下面的属性

table {
   table-layout: fixed;
   width: *** px;
 }

 table td {
   overflow: hidden;
   word-wrap: break-word;
 }

除pre,td标签外其他标签自动换行

1. word-break （会截断单词）

word-wrap:break-word;
word-break:break-all;

1. word-wrap

word-wrap:break-word;
overflow:hidden;

我们在实际中主要碰到的是长串英文和英文单词如何断行的问题，对于长串英文，是个恶意的东西，我们没有必要去理会他，但对于长串的英文单词，我认为不能在单词的某个部位断开，换句话说最好是行内换行而不应该是词内换行，这样一来最好的方式是方案二

标签内容强制不换行

 element {
      white-space: nowrap;
      word-break: keep-all;
   }