Questions tagged «margin»

CSS边距属性定义元素周围的空间。

16
何时在CSS中使用margin和padding [关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引用的形式回答。 2年前关闭。 在编写CSS时,在决定何时使用margin和何时使用时是否应使用特定的规则或准则padding?
2355 css  padding  margin 


14
子元素上的边距移动父元素
我有一个div(父)包含另一个div(子)。Parent是第一个body没有特定CSS样式的元素。当我设定 .child { margin-top: 10px; } 最终结果是我的孩子的顶部仍然与父母对齐。我的父母没有将孩子向下移动10px,而是将其向下移动10px。 我DOCTYPE的设定为XHTML Transitional。 我在这里想念什么? 编辑1 我的父母需要具有严格定义的尺寸,因为它的背景必须从上到下显示(像素完美)。因此,在其上设置垂直边距是不可行的。 编辑2 此行为在FF,IE和CR上是相同的。
414 css  xhtml  margin  nested 

18
在Android中,如何以编程方式在dp中设置边距?
在这个,这个和这个线程中,我试图找到一个关于如何在单个视图上设置边距的答案。但是,我想知道是否没有更简单的方法。我将解释为什么我不想使用这种方法: 我有一个自定义按钮,它扩展了Button。如果背景设置为默认背景以外的其他值(通过调用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),我不知道这是否将其添加到正确的位置(不过,还没有尝试过),说出一行五行的中间按钮。 问题:除了使用LayoutParams之外,还有其他任何更简便的方法以编程方式设置单个Button的边距吗? 编辑:我知道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> 运行代码段隐藏结果展开摘要 W3Schools没有解释为什么保证金如此行事。
321 html  margin  css 

10
以编程方式在LinearLayout中设置边距
我正在尝试使用Java(而不是XML)来创建一个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 

11
如何在div中居中SVG?
我有一个要在div中居中的SVG。div的宽度为900px。SVG的宽度为400像素。SVG的margin-left和margin-right设置为auto。不起作用,它的作用就像是左边距为0(默认值)。 有人知道我的错误吗?
252 css  layout  svg  positioning  margin 

10
如何禁用保证金倒闭?
有没有一种方法可以完全禁用边距收缩?我发现的唯一解决方案(名称为“ uncollapsing”)需要使用1px边框或1px填充。我发现这是不可接受的:无关紧要的像素无缘无故使计算复杂化。有没有更合理的方法来禁用此保证金倒塌?
202 css  margin  collapse 

5
Margin-Top不能用于span元素吗?
有人可以告诉我我编码错误吗?一切正常,唯一的是顶部没有裕度。 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: …
190 css  margin  html 

1
如何使用代码而不是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)。是否有人从标准Grid派生来添加此功能?
137 wpf  grid  padding  margin 

2
如何在Android的RecyclerView中添加简单的8dp页眉/页脚?
有没有一种方法可以向RecyclerView添加简单的页眉/页脚? 在这里您可以看到我所拥有的。第一张卡片触摸工具栏 ,在这里您可以看到我想要的。底部和卡片之间的填充距离为8dp。 到目前为止我尝试过的方法: 在我的recyclerview中使用标题视图。但是我认为对于每个recyclerview这样做都是非常无效的。 使用8dp的上边距,这会导致滚动时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如何获取Element的边距和填充?
只是想知道-如何使用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 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.