即使在CSS

Question

我在CSS部分内设置了HTML页面的自动换行属性和宽度，如下所示：

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

如果我在其中写入或复制文本，这意味着没有水平滚动。如下图所示：

但是，当我从MS Word文档中复制一个表格时，它不起作用意味着通过越过正文宽度向右扩展的复制数据不会发生自动换行。如下图所示：

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

请帮忙。

Answer 1

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

table { width: 95%;  }

希望有所帮助。

Answer 2

不要设置正文的宽度，并且你不能启用自动换行，因为表格不会换行，你所要做的就是创建一个新的div作为表格容器，并给它（溢出：自动）见下面的例子

http://codepen.io/anon/pen/dGxQRo

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