Chrome DevTools의 마지막 CSS 요소 래핑 중지

Google Chrome DevTools의 CSS 정의를 클릭하면 Chrome은 항상 마지막 요소를 새 줄로 둘러 쌉니다. 예를 들어 :Chrome DevTools의 마지막 CSS 요소 래핑 중지

사업부의 a.blogLink의 H2

내가 크롬 DevTools로의 스타일 정의 창에서이 라인을 클릭하면, 크롬 전체 라인을 선택하고이 같은 새로운 라인에 H2를 포장한다 :

를

사업부는

크롬이 일을 피할 수있는 방법이 있나요

을 a.blogLink? 당신이이 일을하지 않으려는 경우

당신은 내가 t를 재현 할 수 없기 때문에이의 스크린 샷의 예를 제공 할 수있다 : 왼쪽 테두리에 (위의 그림에 표시)를 클릭하고 드래그하여 넓은 그의 이해를 바탕으로. 참조 : http://i.imgur.com/fqnuFWU.png –

@ 기디언. 방금 그림을 추가했습니다 – FeedTheDada

단순히 넓은 해당 패널을합니다. 우리는 패널을 만들 수 있습니다

enter image description here

: 예를 들어

, 여기에 스택 오버플이이 새로운 라인에 포장됩니다, 작은 패널, .topbar-wrapper의 클래스 .topbar에서 요소있다

이

enter image description here

2016-11-23 12:09:15

나를 위해 작동하지 않습니다. 정의를 선택하거나 클릭하면 요소를 새 행으로 래핑합니다. (위 사진에서 볼 수 있듯이) 원하는만큼 넓은 패널을 만들 수 있습니다. – FeedTheDada

답변