Evita que Chrome DevTools envuelva el último elemento CSS: css, google-chrome, google-chrome-devtools, element, wrap

Cuando hago clic en una definición de CSS en Google Chrome DevTools, Chrome siempre ajusta el último Elemento a una nueva línea. Por ejemplo:

div a.blogLink h2

Si hago clic en esta línea en la ventana de definición de estilo de Chrome DevTools, Chrome seleccionará toda la línea y ajustará h2 a una nueva línea como esta:

div a.blogLink

h2

¿Hay alguna manera de evitar que Chrome haga esto?

Respuestas

Simplemente haz ese panel más ancho si no quieres que haga esto.

Como ejemplo, aquí en Stack Overflow hay un elemento debajo de .topbar con una clase de .topbar-wrapper, con un panel pequeño, esto se envuelve en una nueva línea:

Podemos ampliar el panel haciendo clic en el borde izquierdo (visible en la imagen de arriba) y arrastrando: