即使在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;
}