2012-05-03 36 views
4

當使用contenteditabletwitter bootstrap時,Opera似乎在某些文檔元素之間添加了一些奇怪的垂直空格。Opera爲contenteditable和twitter bootstrap文件添加了奇怪的間距,爲什麼?

的jsfiddle例子:

Contenteditable not enabled VS Contenteditable enabled - 請注意,在第一個例子中,該行有他們之間沒有垂直間距,但在第二,他們這樣做。

經過Linux上的Opera 11.61和Windows上的11.62測試。在我測試的任何其他瀏覽器中,這兩行之間沒有垂直間距。

我試着刪除bootstrap並手動添加the css it applies,但是沒有觸發餘量。然而,當檢查DOM時,我發現一些奇怪的<::before><::after>標籤,我懷疑是相關的(screenshot)。

bootstrap css做了什麼來做到這一點,什麼是避免它的最佳方法?

回答

2

坭興這些選擇刪除間距:

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

不知道它控制,或者爲什麼你需要它。看起來是某種clearfix類型的東西,但我不知道。 http://jsfiddle.net/wUuSn/2/

相關問題