問題タブ [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 投票する
15 に答える
15066 参照

css - マージンがボーダーの外側にあり、パディングが内側にあることを CSS で覚える方法

私は CSS を頻繁に編集するわけではありません。ほとんどの場合、CSS ボックス モデルpaddingをグーグル検索して、内側bordermargin外側、またはその逆を確認する必要があります。(もう一度確認したところ、padding中にあります)。

これを覚える良い方法を持っている人はいますか?少しニーモニック、なぜ名前がそのようになっているのかについての良い説明...

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

c# - .NET Control.Margin プロパティとは何ですか?

C# の margin プロパティには、CSS のように、コントロールの外側の間隔という意味があると思いました。しかし、入力した値に関係なく、マージン値は無視されているようです。

次に、SDK を読みました。

ドッキングされたコントロールに Margin プロパティを設定しても、コンテナの端からコントロールまでの距離には影響しません。

フォームにコントロールを配置し、おそらくそれらをドッキングしている場合、Margin プロパティによって何が得られるでしょうか?

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

css - CSS マージンの崩壊

つまり、特定の div 要素にマージン、パディング、またはボーダーを設定しないと、本質的にマージンの崩壊が発生するのでしょうか?

0 投票する
9 に答える
2838 参照

css - CSS マージンはどこに配置しますか?

HTML 要素の間に (CSS を使用して) 空白を追加したい場合、どの要素に追加しますか?

私は定期的に次のような状況に陥っています。

ここで、これらの各要素の間に 1em のスペースが必要であるとしますが、最初の h1 の上または最後の div の下にはスペースが必要ありません。どの要素にアタッチしますか?

明らかに、これには実際の技術的な違いはありません。

...この...

私が興味を持っているのは、二次的な要因です。

  1. 一貫性
  2. あらゆる状況への適用性
  3. 使いやすさ/シンプルさ
  4. 変更のしやすさ

例: この特定のシナリオでは、最初のソリューションの方が単純なので、2 番目のソリューションよりも優れていると言えます。1 つのプロパティ定義で margin-bottom を 2 つの要素にアタッチするだけです。ただし、より汎用的なソリューションを探しています。CSS の作業を行うたびに、適用すべき適切な経験則があるように感じますが、それが何であるかはわかりません。誰かが良い議論を持っていますか?

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

javascript - Javascript から真のボーダー、パディング、およびマージンを検出する

Javascript コードから要素の真の境界線、パディング、およびマージンを検出する方法はありますか? 次のコードを見ると:

ボタンをクリックすると、パディングが正しく報告されていないことがわかります。「スタイル」を介して直接定義されたプロパティのみがレポートされ、CSS クラスを介して定義されたプロパティはレポートされません。

これらのプロパティの最終値を取得する方法はありますか? すべての CSS 設定が計算され、ブラウザーによって適用された後に取得される値を意味します。

0 投票する
5 に答える
268 参照

css - IE でのこの単純な CSS の何が問題になっていますか?

内部コンテンツを持つ div、div の内側にある境界線を持つ div があります。どういうわけか、この div は次の div を包含するように拡張されます。それは私の心を吹き飛ばします。

この原因と解決方法が気になります。

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

internet-explorer - IE の背景表示の問題

教会の Web サイトを作成していますが、IE で正しく表示するのに問題があります。私のdiv「サイドボックス」の背景位置が「マージン:0自動」によって上書きされているようです。背景が右ではなく中央に表示されるため、サイトが右に移動します。

コードは次のとおりです。

}

以下、運営サイトへのリンクです。FF と Safari では正常に動作することがわかりますが、IE ではそうではありません。上記の私のコードにはコンテンツがなく、削除しても問題は解決しません。 実行中のページ

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

c# - Margin と Padding は ContentControl によって実装されていますか?

System.Windows.Controls.ContentControl から派生したカスタム コントロールを開発しています。コントロールの既定のテンプレート (themes\generic.xaml) では、実際のコンテンツをラップする Border 要素を使用します。

カスタム コントロールは既にマージンとパディングを実装していますか (つまり、カスタム コントロールに設定されたパディングに従って境界線を縮小します)、またはマージンとパディングが適用される場所を自分で決定できますか (つまり、マージンとパディングのプロパティをボーダー要素{TemplateBinding Margin}など

前もって感謝します!

0 投票する
5 に答える
2518 参照

css - CSSマージン-下部が折りたたまれています-しかし、なぜですか?

私はこの単純なxhtmlを持っています:

2つの長方形が表示されますが、下(青)の長方形には2000pxの余白が表示されません。それは窓と同じくらいの高さです。なんで?またはもっと重要なのは、どうすれば表示できるようにするのですか?これら2つの間に「aaa」のようなダミーテキストを追加することはできます</div> </div>が、それが正しい方法だとは思いません。

助けてくれてありがとう!

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

wpf - XAML Margin が CSS 基準に従わないのはなぜですか?

CSS では、マージンの順序は次のとおりです。右上、左下

XAML では、マージンの順序は次のとおりです

WPF チームがこれを CSS 基準に合わせなかった理由はありますか?