2011-11-13 10 views
0

Javascriptでは、div内に段落があります。私はdivがゆっくりと幅が広がるような効果を作りました&は下の段落のテキストを明らかにする。段落のCSS幅をJavascriptで設定できない

divsの幅をゼロに設定してから10ミリ秒ごとに10px幅を増やしました。私はdivをオーバーフローを隠しておくように設定しているので、これは素晴らしいです。

私の問題:が、テキストの幅が大きくなるにつれて周り&再フォーマットをジャンプすることを意味し、親のdivの現在の幅を基準とした段落内のテキストラップ。

私は明示的に段落の幅を100px(完全に拡大した後はdivの幅)に設定していますが、段落要素のCSSの幅をチェックすると問題が発生しますFirebugは設定されていません。つまり、HTML要素のインラインCSSスタイルにはリストされていませんか?

私は、デフォルトで段落要素に表示ブロックがあると思うのですが、&はwidthパラメータを無視します。

私の最終的な質問はです。段落要素を100px幅にするにはどうすればよいですか?幅を有効にするには表示タイプを変更する必要がありますか?

これは動作しません:

pEle.style.width = "100pxに"; //幅を設定する前に表示タイプを変更する必要がありますか?私は本当に多分あなたの段落に、このCSSプロパティを追加することにより修正されたすべてのあなたの問題を信じる

+0

コード、マークアップ、スタイルを提供できますか?好ましくはhttp://jsfiddle.comで? –

答えて

0

は:

white-space: nowrap; 
1

私が正しくあなたの質問を理解していれば、あなただけの明示あなたのCSSでの段落の幅を設定すること、これを行うことができます。

デフォルトでは、段落要素はブロックレベルであり、指定する任意の幅をとります...幅を設定しようとしているときに何かがうまくいかないと思うようになります。 http://jsfiddle.net/MerlinMason/Sdq65/

希望に役立ちます -

は、ここでは簡単フィドルです!

関連する問題