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

标签 html css html-table

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

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

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

这是 JSFiddle .

截图:
enter image description here

最佳答案

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/

关于html - 表格使用了超过其父元素 100% 的宽度,如何仅通过 CSS 解决这个问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35058423/

相关文章:

javascript - 创建元素时添加类

javascript - 导航栏中的外部 URL 在 Bootstrap 中不起作用

html - 在移动屏幕中水平显示 navbar-nav

JavaScript 不在模拟器中执行(Android 中的 PhoneGap)

javascript - 为什么我的第一个 Canvas 清理?

javascript - 菜单图标不显示在桌面版 Safari 中或根本不显示在移动设备上

css - 表列大小

带有 colspan 的 HTML 表格无法正常工作

HTML CSS 表格单元格宽度

html - CSS 不会覆盖样式