如何水平对齐 chrome-dev-menu 中的选项卡，而不是垂直对齐，以扩展 React-dev 工具？
How to horizontally align tabs in chrome-dev-menu,instead of vertical alignment, for extension React-dev tools?
我正在构建 ReactApp，并使用 React-Dev-Tools 进行调试，
在测试组件状态时，它并排显示两个菜单，左侧 <React/> code 和右侧状态值。
调试屏幕被垂直分成两部分。
但是，我正在学习一个教程，其中这些菜单是水平划分的，与我的相比看起来更高效且更易读。
导师的屏幕 = 由于水平对齐，代码更易读。
但是我的屏幕-space 由于这样的垂直分割而被浪费了，
我也尝试了底部的停靠栏（调试器菜单），但它更具可读性。
如何在 chrome 工具中水平对齐两个 menus/tabs，尽管我在调试菜单中重置了设置？
编辑 1：得到解决方案后。
增加字体大小后，屏幕没有垂直分割，我得到了相同的chrome-dev-tools-screen，和我导师的一样。
当您减小开发工具 window 大小时，会发生垂直拆分。
此 github 页面描述了此功能：
https://github.com/facebook/react-devtools/pull/541
您可以在 Chrome 87 中水平拆分选项卡（并查看其中一个）。右键单击菜单中的网络，然后 select“移至底部”
我正在构建 ReactApp，并使用 React-Dev-Tools 进行调试，
在测试组件状态时，它并排显示两个菜单，左侧 <React/> code 和右侧状态值。
调试屏幕被垂直分成两部分。
但是，我正在学习一个教程，其中这些菜单是水平划分的，与我的相比看起来更高效且更易读。
导师的屏幕 = 由于水平对齐，代码更易读。
但是我的屏幕-space 由于这样的垂直分割而被浪费了，
我也尝试了底部的停靠栏（调试器菜单），但它更具可读性。
如何在 chrome 工具中水平对齐两个 menus/tabs，尽管我在调试菜单中重置了设置？
编辑 1：得到解决方案后。
增加字体大小后，屏幕没有垂直分割，我得到了相同的chrome-dev-tools-screen，和我导师的一样。
当您减小开发工具 window 大小时，会发生垂直拆分。 此 github 页面描述了此功能： https://github.com/facebook/react-devtools/pull/541
您可以在 Chrome 87 中水平拆分选项卡（并查看其中一个）。右键单击菜单中的网络，然后 select“移至底部”