Chrome Dev Tools元素检查器中的水平滚动？答案

【问题标题】：Horizontal scrolling in Chrome Dev Tools elements inspector?Chrome Dev Tools元素检查器中的水平滚动？
【发布时间】：2020-02-13 10:38:17
【问题描述】：

所以，我讨厌 Chrome 开发工具的一件事是：

基本上，当 html 被深度嵌套时，元素选项卡开始换行以尝试将所有内容都放在面板中，而不是使用水平滚动条，这在这里更有意义。

我不敢相信这种尴尬的布局是故意的，它实际上是不可读的......有没有设置可以防止这种情况？

【问题讨论】：

【解决方案1】：

启用自动换行在技术上解决了问题，但会导致另一个同样令人讨厌的情况，即用户 karvonen 提到的“水平滚动地狱”。

但事实证明，Mozilla devtools 巧妙地避免了这两个问题，只在嵌套元素太远时添加水平滚动条。为此，我切换到了 Mozilla devtools：

【讨论】：

【解决方案2】：

在 DevTools 中找到解决此问题的设置：

如果您取消选中 自动换行，一切都应该没问题。

设置位于：DevTools Settings > General > Elements > Word wrap

【讨论】：

我做了完全相反的事情，即在 Chrome 80.0.3987.87 中启用了自动换行，至少到目前为止，这帮助我摆脱了水平滚动的地狱。
非常有用的回复
我刚刚将我的从 checked 切换到 unchecked 并且它起作用了。将其切换回 checked 并且仍然没有水平滚动条。可能只是一个“故障”。