html - 表格使用了超过其父元素 100% 的宽度，如何仅通过 CSS 解决这个问题？

Question

我有一个使用 100% 宽度的根 div，我希望所有子元素不重叠 ( overflow:hidden ) 并且不要使用超过 100% 的宽度。

当我使用内部 <div> 时这很好用s，但如果<table> s 被使用，表格变得太宽，使用超过父 100% div .

如何在保持 table 的同时解决这个问题？

这是 JSFiddle .

截图:

Answer 1

td text 你应该给 word-break: break-word; ，因为文本比较长，或者你可以给 td text word-break: break-all ; 用于打断文本。

更新的 CSS 代码

#wrapper table td{
  word-break: break-word;
}

演示 fiddle :https://jsfiddle.net/nikhilvkd/kLt1mec8/3/