2012-05-03 1 views
4

Opera는 contenteditable과 함께 twitter bootstrap을 사용할 때 특정 문서 요소 사이에 이상한 수직 공간을 추가하는 것으로 보입니다.Opera는 contenteditable 및 twitter 부트 스트랩이있는 문서에서 이상한 간격을 추가합니다. 이유가 무엇입니까?

JSFiddle 예 :Contenteditable enabled

Contenteditable not enabled - 첫 번째 예에서 그주의는, 행이 그들 사이에 세로 간격이 없다,하지만 두 번째, 그들은 않습니다.

Linux의 Opera 11.61 및 Windows의 11.62에서 테스트되었습니다. 필자가 테스트 한 다른 브라우저에서 행은 두 행의 어느 쪽에도 세로 간격이 없습니다.

수동으로 부트 스트랩을 제거하고 the css it applies을 추가했지만 여백이 트리거되지 않았습니다. 그러나 DOM을 검사 할 때 관련이 있다고 의심되는 이상한 <::before><::after> 태그를 발견했습니다 (screenshot).

부트 스트랩 CSS가 이런 일을하기 위해 무엇을하며, 그것을 막기위한 최선의 방법은 무엇입니까? 이 선택기를 Nixing

답변

2

는 간격을 제거합니다

.row:before,.row:after{display:table;content:"";} 
.row:after{clear:both;} 

당신이 그것을 필요로하는 이유가 제어, 또는 무슨 생각. 일종의 클리어 픽스 타입 인 것 같지만 모르겠습니다. http://jsfiddle.net/wUuSn/2/