2

小さな JavaScript リッチ テキスト エディターを作成しましたが、iframe で開くと、特定のオブジェクトのパディングが正しくありません。ソースからのイメージは次のとおりです。 ソースからの正しいパディング

しかし、iframe に入れてこのソースを使用すると、次のようになります。

iframe からの不正なパディング

を変更して と を に変更してみましたDOCTYPEが、何も変わりませんでした。これを修正できないようです。どんな助けでも大歓迎です。ありがとうございました!margin:padding:0px

4

2 に答える 2

2

私が見る限り、何が起こっているのかというと、iframe の幅が十分ではありません。ソースから、カラーピッカーボックスは必要なすべてのスペースを埋めることができますが、iframe では窮屈で、その中のすべてが縮小され、最後にカラーバンドが作成され、グレーの 16、32、64 が別の行に落ちます。また、カラーピッカーのオフセットがずれているようです。パーセンテージ幅とオフセットを使用していますか? これを解決するために多くのことを行うことができます: iframe の幅を広げ (ボックスを iframe からこぼれるだけにすることはできません)、カラーピッカー ボックスを左に移動し、ピッカーのサイズを固定します (必要になるでしょう)。 iframe のサイズを変更したり、これをスクロールできるようにするなど. これはおそらく DOCTYPE の問題ではありません. 詳細を教えていただければ幸いです.

于 2012-12-27T03:04:09.640 に答える
2

Ok。私は自分が何をする必要があるかを理解しました。jQueryで特定のカラーピッカーdivを設定しましたが.offset()、iframeで完全に機能しませんでした。その理由は、divの幅がカラー ビット関数のバリアントであったためです。このため、jQuery はカラーピッカーの左の位置を決定するのに苦労しdivましたdiv。したがって、カラーピッカーの幅を設定するだけで済みました。;) 助けてくれてありがとう!

于 2012-12-27T03:05:34.207 に答える