当使用
contenteditable和
twitter bootstrap时,Opera似乎在某些文档元素之间添加了一些奇怪的垂直空间.
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如何做到这一点,以及避免它的最佳方法是什么?
最佳答案 Nixing这些选择器删除了间距:
.row:before,.row:after{display:table;content:"";}
.row:after{clear:both;}
不知道它控制什么,或者你为什么需要它.看起来是某种类型的clearfix类型的东西,但我不知道. http://jsfiddle.net/wUuSn/2/