Chrome 开发工具元素检查器中的水平滚动？
Horizontal scrolling in Chrome Dev Tools elements inspector?
所以，我讨厌 Chrome 开发工具的其中一件事是：
基本上，当 html 深度嵌套时，元素选项卡开始换行以尝试适应面板中的所有内容，而不是使用水平滚动条，这在这里更有意义。
我不敢相信这么笨拙的布局是故意的，它简直不可读...是否有设置来防止这种情况？
在 DevTools 中找到解决此问题的设置：
如果取消选中 自动换行 一切都应该没问题。
设置位于此处：DevTools 设置 > 常规 > 元素 > 自动换行
启用自动换行从技术上解决了这个问题，但会导致另一个同样烦人的情况，即用户 karvonen 提到的 "horizontal scroll hell"。
但事实证明，Mozilla devtools 非常巧妙地避免了这两个问题，它只在嵌套元素太远时添加一个水平滚动条。为此，我改用了 Mozilla devtools：
所以，我讨厌 Chrome 开发工具的其中一件事是：
基本上，当 html 深度嵌套时，元素选项卡开始换行以尝试适应面板中的所有内容，而不是使用水平滚动条，这在这里更有意义。
我不敢相信这么笨拙的布局是故意的，它简直不可读...是否有设置来防止这种情况？
在 DevTools 中找到解决此问题的设置：
如果取消选中 自动换行 一切都应该没问题。
设置位于此处：DevTools 设置 > 常规 > 元素 > 自动换行
启用自动换行从技术上解决了这个问题，但会导致另一个同样烦人的情况，即用户 karvonen 提到的 "horizontal scroll hell"。
但事实证明，Mozilla devtools 非常巧妙地避免了这两个问题，它只在嵌套元素太远时添加一个水平滚动条。为此，我改用了 Mozilla devtools：