highlight.js와 문제 및 부트 스트랩

Question

여기

꽤 똑바로 앞으로의 HTML입니다

code { 
    text-align: left; 
} 
pre { 
    padding-top: 0; 
    padding-bottom: 0; 
} 

당신은 볼 수 있습니다 어떻게 보입니까 this fiddle. 왼쪽 코드를 원한다면 그 위로 거대한 패딩이 무엇입니까? <pre>과 <code>? 감사합니다.
업데이트 :Here은 작동 버전이지만 HTML은보기에는 좋지 않습니다. 누구는 더 좋은 아이디어가 있습니까?

Answer 1

이것은 pre 태그 때문입니다. 지정된 컨텐츠가 미리 포맷 된 것으로 간주합니다. 즉, 문서에서 사용되는 탭과 공백을 보여줍니다. 귀하의 JS 코드 앞에 탭과 공백을 제거하고 잘 작동합니다.

<pre> 
// code example goes here without any indentation 
</pre>