タグ付けされた質問 「margin」

CSSマージンプロパティは要素の周囲のスペースを定義します。

16
CSSでマージンvsパディングを使用する場合[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 CSSを作成するときにmargin、いつ使用するpaddingか、いつ使用するかを決定する際に使用する必要がある特定のルールまたはガイドラインはありますか?
2357 css  padding  margin 


14
子要素のマージンは親要素を移動します
私が持っているdiv(親別含まれている)div(子)。親は、body特定のCSSスタイルがない最初の要素です。設定すると .child { margin-top: 10px; } 最終結果は私の子供の上部がまだ親と揃っているということです。子が10ピクセル下にシフトされる代わりに、私の親は10ピクセル下に移動します。 私DOCTYPEはに設定されていXHTML Transitionalます。 ここで何が欠けていますか? edit 1 私の親には背景が上から下に(ピクセル完全)表示される必要があるため、厳密に定義された寸法が必要です。したがって、垂直マージンを設定することはできません。 編集2 この動作は、FF、IE、およびCRで同じです。
415 css  xhtml  margin  nested 

18
Androidでは、プログラムでdpのマージンをどのように設定しますか?
では、この、この、およびこのスレッドは私が単一のビューにマージンを設定する方法についての答えを見つけることを試みました。しかし、もっと簡単な方法はないのかと思っていました。このアプローチを使いたくない理由を説明します。 ボタンを拡張するカスタムボタンがあります。背景がデフォルトの背景以外に設定されている場合(setBackgroundResource(int id)またはを呼び出すことでsetBackgroundDrawable(Drawable d))、マージンを0にしたいと思います。これを呼び出すと、次のようになります。 public void setBackgroundToDefault() { backgroundIsDefault = true; super.setBackgroundResource(android.R.drawable.btn_default); // Set margins somehow } 余白を-3dpにリセットしたい(ピクセルからdpに変換する方法についてはここで既に読んだので、pxで余白を設定する方法を知ったら、自分で変換を管理できる)。しかし、これはCustomButtonクラスで呼び出されるため、親はLinearLayoutからTableLayoutに変化する可能性があり、私はむしろ彼に彼の親を取得してその親のインスタンスをチェックすることを望まないでしょう。それはまた、かなりパフォーマンスが悪いと思います。 また、(LayoutParamsを使用して)を呼び出すときparentLayout.addView(myCustomButton, newParams)、これが正しい位置に追加するかどうかはわかりません(ただし、試していません)。たとえば、5行の中央ボタンを押します。 質問:LayoutParamsを使用する以外に、プログラムで1つのボタンのマージンを設定する簡単な方法はありますか? 編集:私はLayoutParamsの方法を知っていますが、異なる種類のコンテナをそれぞれ処理しないようにする解決策が欲しいです: ViewGroup.LayoutParams p = this.getLayoutParams(); if (p instanceof LinearLayout.LayoutParams) { LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)p; if (_default) lp.setMargins(mc.oml, mc.omt, mc.omr, mc.omb); else lp.setMargins(mc.ml, mc.mt, mc.mr, mc.mb); this.setLayoutParams(lp); } else if …
401 android  layout  button  margin 

12
このCSSマージントップスタイルが機能しないのはなぜですか?
別のdiv内のdivにマージン値を追加しようとします。トップ値以外はすべて正常に機能し、無視されているようです。しかし、なぜ? 私が期待したこと: 私が得るもの: コード: #outer { width: 500px; height: 200px; background: #FFCCCC; margin: 50px auto 0 auto; display: block; } #inner { background: #FFCC33; margin: 50px 50px 50px 50px; padding: 10px; display: block; } <div id="outer"> <div id="inner"> Hello world! </div> </div> コードスニペットを実行する結果を非表示スニペットを展開 W3Schoolは、マージンがこのように動作する理由を説明していません。
321 html  margin  css 

10
プログラムでLinearLayoutにマージンを設定する
私は(XMLではなく)Javaを使用して、画面いっぱいに余白のあるボタンを備えたLinearLayoutを作成しようとしています。以下は、マージンなしで機能するコードです。 LinearLayout buttonsView = new LinearLayout(this); buttonsView.setOrientation(LinearLayout.VERTICAL); for (int r = 0; r < 6; ++r) { Button btn = new Button(this); btn.setText("A"); LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT); // Verbose! lp.weight = 1.0f; // This is critical. Doesn't work without it. buttonsView.addView(btn, lp); } ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, …
266 java  android  layout  view  margin 


10
マージンの縮小を無効にする方法は?
マージンの縮小を完全に無効にする方法はありますか?私が見つけた唯一の解決策(「折りたたみ解除」という名前)は、1pxの境界線または1pxのパディングを使用することを伴います。これは受け入れられないことです。無関係なピクセルは、理由もなく計算を複雑にします。このマージンの縮小を無効にするより合理的な方法はありますか?
202 css  margin  collapse 

5
Margin-Topはスパン要素に対して機能しませんか?
誰かが私が間違ってコーディングしたことを教えてもらえますか?すべてが機能しています。唯一のことは、上部にマージンがないことです。 HTML: <div id="contact_us"> <!-- BEGIN CONTACT US --> <span class="first_title">Contact</span> <span class="second_title">Us</span> <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br> <p class="e-mail">info@e-mail.com</p></br></br></br></br> <p class="read_more"><a href="underconstruction.html">Read More</a></p> </div> <!-- END CONTACT US --> CSS: span.first_title { margin-top: 20px; margin-left: 12px; font-weight: bold; font-size: 24px; color: …
188 css  margin  html 

14
XMLではなくコードを使用してImageViewのマージンを設定する方法
ImageView余白を付けてレイアウトに不明な数のビューを追加したい。XMLでは、次のlayout_marginように使用できます。 <ImageView android:layout_margin="5dip" android:src="@drawable/image" /> ありますがありImageView.setPadding()ませんImageView.setMargin()。私はそれがの方針に沿っていると思いますがImageView.setLayoutParams(LayoutParams)、それに何をフィードするかわかりません。 誰か知っている?

16
WPF:列/行マージン/パディングがあるグリッド?
WPFグリッドの行または列のマージンやパディングを簡単に指定できますか? もちろん、スペースを空けるために余分な列を追加することもできますが、これはパディング/マージンの仕事のようです(XAMLが大幅に簡素化されます)。この機能を追加するために誰かが標準グリッドから派生しましたか?
137 wpf  grid  padding  margin 

2
シンプルな8 dpヘッダー/フッターをAndroidのRecyclerViewに追加する方法は?
RecyclerViewに単純なヘッダー/フッターを追加する方法はありますか? ここで私が持っているものを見ることができます。最初のカードがツールバーに接触し、 ここで私が欲しいものを見ることができます。8dp底とカードの間のパディング。 これまでに試した方法: 私のrecyclerviewでヘッダービューを使用します。しかし、私はこれをすべてのrecyclerviewに対して行うのは非常に非効率的だと思います。 8 dpの上余白を使用すると、スクロール時にrecyclerviewの上下に白いバーが表示されるという問題が発生します。 リスト項目にパディングを追加すると、外側のカードと内側のカードの間のマージンが異なります。 今まで知らなかった簡単な解決策があると確信しています。

5
マージン0で自動中央揃えできないのはなぜですか?
ある#headerdivがあり100% width、そのdiv内に順序付けられていないリストがあります。margin: 0 auto順不同リストに適用しましたが、ヘッダーdiv内の中央に配置されません。 誰か教えて頂けますか?親divの幅を定義すると、順序付けられていないリストはで中央揃えできるはずだと思いましたmargin: 0 auto。何が欠けていますか? これが私のコードです: <style> * { margin: 0; padding: 0; } #header { width: 100%; background-color: #333; min-height: 160px; font-family:Arial, Helvetica, sans-serif; } #sitename { font-size: 50px; width: 620px; margin:0 auto; padding-top: 35px; color:#999; } #header ul { float: right; margin: 0 auto; } #header …
130 html  css  margin 

7
CSSの負のマージンはどのように機能し、なぜ(margin-top:-5!= margin-bottom:5)なのですか?
垂直配置要素の一般的なトリックは、次のCSSを使用することです。 .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } Chromeのようにメトリックビューで表示すると、次のようになります。 ただし、要素の上にカーソルを置いたときに表示される視覚的なマージンはありません。つまり、マージンは境界の「外側」にあり、視覚化できます。しかし、負のマージンは表示されません。彼らはどのように見え、それが違うのは何ですか? なぜmargin-top:-8px 同じで はないのmargin-bottom:8pxですか? つまり、負のマージンはどのように機能し、その背後にある直感は何ですか。彼らはどうやってmargin-top < 0アイテムを「盛り上げる」(の場合)?
108 css  margin 

8
jQuery要素のマージンとパディングを取得する方法は?
ただ疑問に思っています-jQueryの使用方法-要素のフォーマットされた合計のパディングやマージンなどを取得できますか?つまり、30px 30px 30px 30pxまたは30px 5px 15px 30pxなど 私は試した var margT = jQuery('img').css('margin'); var bordT = jQuery('img').css('border'); var paddT = jQuery('img').css('padding'); しかし、これはうまくいきませんか?http://jsfiddle.net/q7Mra/
105 jquery  padding  margin 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.