1

このようにJavascriptでDOM要素を作成すると

$(document.createElement('div')).attr('id', 'box').appendTo('.parent');

... tddiv 内の要素 (およびその他の要素) の高さが歪んでしまいます。ただし、マークアップで div を指定すると:

<div id="box"></div>

...スタイルはあるべき姿です。

動的な DOM 要素の作成によって CSS スタイルが歪むのはなぜですか? どのように修正すればよいですか?

編集 1: 私はすでにdivいくつかのスタイルを調べて変更しようとしましたが、役に立ちませんでした。

編集 2: jsfiddle で再作成しましたが、問題なく動作します (奇妙なことに)。ご存知のように、ここにフィドルがあります: http://jsfiddle.net/3cyFD/私の問題は、「クリックしてください」をクリックすると日付ピッカーが表示されるのですが、行 (tdテーブルのセル)間に異常なスペースがあることです。 .

4

1 に答える 1

1

私の強い仮定は、あなたが考えていない CSS スタイリング要素がそこにあるということです。私がそのように立ち往生したとき、それは私の経験です。

Chrome または Firefox を使用して、所有している要素を調べます。あなたはすでにdivではないと言いましたが、とにかくそれは問題ではないようです. td から始めて、tr に移動し、次に table に移動します。マージンとパディングが最大の原因かもしれませんが、min-heights などの属性や、それらの線に沿ったものを探してください。これが役立つかどうか教えてください。

于 2013-07-29T19:44:46.337 に答える