禁用表的CSS以防止其剪切

好吧，如果您不使用任何CSS，

会自动调整自身大小，以便其中的任何文本（无论是列数据还是标题）都不会被剪裁

然而，在这个表中（截至2020年11月16日），即使在完全最大化的宽屏桌面窗口中，也没有显示所有列，即使在Chrome Developer Tools的“样式”选项卡中取消选中该表的所有样式，也不会导致任何变化

---

问题：在Chrome Developer Tools中，我能做些什么来让表中的所有列都显示出来而不被剪裁，甚至不需要水平或垂直滚动条？

你在webpack网站中提到的表有一个

溢出-x:auto道具，允许浏览器在内容超过宽度时显示滚动条。您可以将其更改为
overflow-x:visible
及其父级
.page
divs，因为它的overflow prop设置为
hidden
.page{overflow-x:hidden；}

正在剪切表。

表

不会覆盖任何祖先的样式elements@JonP成功了。有没有一个好的在线资源可以教这些东西？几乎所有的教程都只教授基础知识。就在上周，我参加了一个长达11个多小时的CSS课程，尽管如此，我还是无法解决这个问题！请将您的评论作为回复发布，这样我就可以将其标记为最终评论。@konekoya我只将

.page

的样式设置为

可见

，效果很好。不确定，如果我将JonP或你的答案标记为最终答案，因为我在你的评论中使用了

可见的
，并且只进行了调整。
页面
的风格来自JonP。你应该接受Jon的答案为更改
。页面
的溢出道具应该足够了，我没有想到。你在webpack网站中谈论的表格有一个
overflow-x：自动道具，允许浏览器在内容超过宽度时显示滚动条。您可以将其更改为
overflow-x:visible
及其父级
.page
divs，因为它的overflow prop设置为
hidden
.page{overflow-x:hidden；}
正在剪切表。
表
不会覆盖任何祖先的样式elements@JonP成功了。有没有一个好的在线资源可以教这些东西？几乎所有的教程都只教授基础知识。就在上周，我参加了一个长达11个多小时的CSS课程，尽管如此，我还是无法解决这个问题！请将您的评论作为回复发布，这样我就可以将其标记为最终评论。@konekoya我只将
.page
的样式设置为
可见
，效果很好。不确定，我是否应该将JonP或你的答案标记为最终答案，因为我在你的评论中使用了
可见的
，并且只进行了调整。
页面的风格来自JonP的风格。你应该接受Jon的答案作为更改
。页面的溢出道具应该足够了，我没有想到这一点。