如何阻止Chrome DevTools包装最后一个CSS元素？

Question

当我点击Google Chrome DevTools中的CSS定义时，Chrome始终会将最后一个元素包装到新行中。例如：

div a.blogLink h2

如果我在Chrome DevTools的样式定义窗口中单击此行，Chrome将选择整行并将h2换行到如下所示的新行：

div a.blogLink

h2

有没有办法避免Chrome这样做？

Answer 1

如果您不希望它执行此操作，只需将该面板更宽。

例如，在Stack Overflow上有一个.topbar下的元素，带有一个.topbar-wrapper类，带有一个小面板，它被包裹到一个新行：

我们可以通过单击左边框（在上图中可见）并拖动来使面板更宽：