即使在CSS中设置了宽度，主体的宽度仍在扩大

Question

我在CSS部分中设置了word-wrap属性和HTML页面主体的宽度，如下所示：

  body { width: 830px ; word-wrap: break-word;}

如果我在其中写入或复制文本，这表示工作正常，这意味着不进行水平滚动。 如下图所示：

但是，当我从MS Word文档中复制表格时，则无法正常工作，这意味着自动换行不会发生，因为复制的数据通过跨过正文宽度向右扩展。 如下图所示：

如何启用自动换行或禁用数据的水平扩展？

请帮忙。

Answer 1

选择表格并为表格设置宽度，而不是正文

table { width: 95%;  }

希望有所帮助。

Answer 2

不要设置主体的宽度，也不能启用自动换行，因为表格不会自动换行，您要做的就是创建一个新的div作为表格容器，并为其赋予它（overflow：auto），例如下面

 .table_container{
   overflow:auto;
 }
 table{
  border:1px solid #000;
  width:100%;
}
table td{
  border:1px solid #000;
}