問題タブ [margin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
52 参照

jquery - マークアップがjQueryで追加されたときのマージンの問題?

なんらかの理由で、これらのボタンを jQuery で追加すると (Ajax 挿入機能のため)、サーバー上で PHP 経由で読み込まれたときに奇妙に見えますか?

http://tomsfil.es/63221c41.png http://tomsfil.es/63221c41.png

この動作の理由は何ですか

それを挿入するjQueryは次のとおりです。

0 投票する
2 に答える
2505 参照

jquery - jQuery、divの切り替え、CSS間隔の問題

私はこのマークアップを持っています:

jQueryを介して、.slideToggleを実行して最上位のdivを表示/非表示にします。

折りたたまれているか展開されているかにかかわらず、2つのdivの間に常に10pxのスペースがあるようにしたいと思います。

ただし、動作は、上部のdivが下にスライドしても、10ピクセルのマージンは残りますが、上部のdivが下にスライドし終わるとすぐに、10ピクセルのマージンが消えます。おそらくマージン崩壊の問題のようです。

私が思いついた解決策はこれです:

  2つを「分離」し、10pxのマージンを維持するには、divにコンテンツが必要であるため、が重要です。

.clearfix:afterアプローチも試しましたが、このシナリオでは機能しないため、これはjQuery中心の問題である可能性があります。誰かがこれに遭遇し、余分なdivよりもエレガントな解決策を見つけましたか?

0 投票する
3 に答える
830 参照

html - css/html: vertical div-alignment-problem (ライブデモを追加)

この場合、いくつかの div の位置合わせに問題があります。

(もちろん、これは回避したい動作を再現する例にすぎません。)

content-div が container-div から整列することを期待していたでしょう。したがって、「プリアンブル」と「コンテンツ」の間には合計 150px が必要です。

ただし、(少なくとも Firefox では) そうではありません。container-div は単純に無視されるため、コンテンツ div の margin-top も、preamble-div の margin-bottom の margin-top より大きくない限り無視されます。

私に何ができる?適用する必要がある追加のcss ルールはありますか? position: relative と html-structure を維持したいと思います。

ありがとうございました!

[編集2]

あなたがまだ私と一緒にいることを願っています;-)

遅れてすみません...これがライブデモです。とても生き生きしているので、問題を説明するために小さな jquery スクリプトも作成しました。ボタンを試してみてください。 ライブデモ

ありがとうございました!

[編集]

方法は次のとおりです。

悪い
(ソース: 666kb.com )

好きなように(国境なしで)

代替テキスト
(ソース: 666kb.com )

画像はぎくしゃくしていますが、違いが明らかであることを願っています;-)

0 投票する
1 に答える
722 参照

css - 固定幅 DIV を 100% 幅の親 DIV 内にセンタリング

以下のような設定があります。

そして、これはIE以外のすべてで問題なく集中します。

誰でも何が起こっているのか、それを修正する方法を知っています。text-align のトリックは知っていますが、もっと良い方法があるはずです。ずさんなコードは嫌いです:-)

乾杯

0 投票する
2 に答える
2623 参照

css - ie7 が最初のリスト項目 (のみ) の左マージンを無視するのはなぜですか?

http://blog.helpcurenow.org/test/mockups/mar2010/lp.html

上記のランディング ページには、4 つの寄付ボタンがあるオファー ボックスがあります。最初の 3 つは個別の ID を対象としており、13px の左余白が与えられています。

ie7 を除いて、私が表示しているすべてのブラウザですべて問題ありません。何らかの理由で、ie7 は最初のリスト項目の 13px の左マージンを無視しています。

奇妙な部分は、ie の開発者ツール (実際には ie7 で表示するのではなく、ie7 モードで ie8 を使用する) を開いて要素を選択すると、13px のマージンがあり、取り消し線が引かれていないことを示しています。ブラウザはそれを無視しているようです!

ここで知っておくべきie7の癖はありますか、それとも追加すべきCSS宣言を見逃していましたか? 何か案は??

ありがとう!

0 投票する
2 に答える
337 参照

php - CSSで半分消えた要素を表示する

私は多くのテクニックを試してきましたが、どれも役に立ちませんでした。「margin-bottom:1em」、「bottom:2em」などを試しましたが、要素はほとんど見えません。

ページの下部を参照してください..表示されていた文があります..

URIは次のとおりです:http://Sulayman.org/

誰か助けてもらえますか?- ありがとう!

0 投票する
1 に答える
2804 参照

r - 軸ラベルを削除した後にRプロットを中央に配置する方法

私はRでマトリックスを視覚化することに取り組んでおり(ほぼhttp://reference.wolfram.com/mathematica/ref/MatrixPlot.htmlとまったく同じです)、使用しています

絵を描くために。ただし、y軸をオフにすると、プロットが中央に配置されないことに気付きました。軸の目盛り+ラベル用のスペースがまだあります。私はいくつかのセンタリングをいじることができます

しかし、これは非効率的でエラーが発生しやすいようです(私の行列が次元を変更したり、非正方形になったりした場合)。グラフィックを強制的に中央に配置するためのより良い方法はありますか? 参照画像http://img694.imageshack.us/img694/9891/metropolis.png

右側のマージンは左側よりも大幅に小さくなっています。

0 投票する
11 に答える
365040 参照

java - プログラムで LinearLayout に余白を設定する

Java ( XML ではない) を使用して、画面いっぱいに余白があるボタンで LinearLayout を作成しようとしています。マージンなしで動作するコードは次のとおりです。

それでうまくいきますが、ボタンの間にスペースを空けるために、ボタンにマージンを与えるにはどうすればよいでしょうか。を使ってみLinearLayout.MarginLayoutParamsたのですが、weightメンバーがいないのでダメです。lpまた、コンストラクターに渡しても機能しません。

これは不可能ですか?それは確かにそれを見て、XML でしか実行できない最初の Android レイアウト タスクではないからです。

0 投票する
1 に答える
119 参照

html - IE6 + 7 で不明なマージンがフッターに追加される

ええ、私が言ったように、IE6 と 7 のページの下部に余分な 20-30 ピクセルを追加するフッターのこのバグを修正するために数時間を費やしました。現在、すべての下マージンを0 原因を見つけるために、開発者ツールなどを精査しましたが、空になりました。

これは、私の Web デザイン プレイグラウンドでホストされているホームページ デザインです -リンク

誰でも救済を見ることができますか?

0 投票する
4 に答える
963 参照

css - 垂直に配置された 2 つの div、それらが「接触」するのを妨げるものは何ですか?

私が何を意味するかを見るにはここをクリックしてください.. この2つがそのように互いに直接上に座るのを防ぐことができるのは何ですか. 現時点で私のサイトではmargin-bottom:-22px;、効果を得るために使用する必要があります。

もちろん、IEでは動きません。

ありがとう :)