4

ツイッターブートストラップと一緒にcontenteditableを使用すると、Operaは特定のドキュメント要素の間に奇妙な垂直方向のスペースを追加するようです。

JSFiddleの例：

Contenteditableが有効になっていないvsContenteditableが有効になっている-最初の例では、行の間に垂直方向の間隔がありませんが、2番目の例では行の間に垂直方向の間隔があることに注意してください。

LinuxではOpera11.61、Windowsでは11.62でテストされています。私がテストした他のブラウザでは、どちらのフィドルでも行の間に垂直方向の間隔はありませんでした。

ブートストラップを削除し、それが手動で適用するcssを追加しようとしましたが、マージンがトリガーされませんでした。ただし、DOMを調べたところ、関連していると思われる奇妙なタグがいくつか見つかりました（<::before>スクリーンショット）。<::after>

これを実現するためにブートストラップCSSは何をしますか、そしてそれを回避するための最良のアプローチは何ですか？

4

1 に答える 1

2

これらのセレクターを削除すると、間隔が削除されます。

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

それが何を制御しているのか、なぜそれが必要なのかわかりません。ある種のクリアフィックスタイプのもののように見えますが、私にはわかりません。http://jsfiddle.net/wUuSn/2/

于 2012-05-10T19:01:33.410 に答える