标签: margin

我正在使用TabControlWPF中的类,我注意到每个内容的TabItem所有边都有4像素的默认边距.

示例代码:

<Window x:Class="TabControlPadding.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
  <Grid>
    <TabControl Margin="10">
      <TabItem Header="Tab 1">
        <Grid Background="Pink"/>
      </TabItem>
      <TabItem Header="Tab 2">
        <Grid Background="LightBlue"/>
      </TabItem>
    </TabControl>
  </Grid>
</Window>

截图:

我想摆脱这个边际(将其减少到零),但我宁愿不必完全替换模板或类似的任何重量.

有一种简单的方法可以以非常有针对性的方式做到这一点吗？

我有这样的代码:

        <div id="sc">  
            <h1>1. Orange</h1>
            <p>some text in here </p>                                          
        </div>
        <img class="separator" src="images/separator.png" /> 

"sc"div和"separator"img之间总共有13px的差距.

两者的边距和填充都设置为0,null,空,没有.哎呀.我很生气; d

我试图弄清楚萤火虫发生了什么,但它们之间的空间不属于任何东西,它不是边缘,不是填充物,到底是什么？

没有浮点数,没有显示设置,没有继承的边距或填充.

我的代码出了什么问题？我一直试图删除HTML中的空格但没有帮助(顺便说一句,如果我把分隔符放在"sc"div之上,那么也有一些差距,但是更小).

谢谢.

[添加]

CSS样式:

.separator {
    margin: 0;
    padding: 0;
}

#sc {
    text-align: justify;
    padding: 0;
    margin: 0;
    background-image: url('images/bg.png');  
    background-repeat: repeat-y;
    width: 970px;
}

我有一个包含图像和第二个DIV的DIV.父DIV设置为position: absolute;子DIV设置为position: relative.我的想法是在我的图像上显示我的照片标题.

孩子DIV应该有100%父母的宽度,减去10px左边,右边和底部,加上黑色背景.

.article-container {
  position: relative;
}

.photo-caption {
  width: 100%;
  background-color: black;
  position: absolute;
  bottom: 0px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

<div class="span15 article-container">
  <img src="images/example-image-1.png" />
  <div class="photo-caption">This is the subtitle text on top.</div>
</div>

左边缘突破.photo-caption了界限.article-container.右边距似乎没有任何影响.

我也尝试过修复它box-sizing.它似乎得到了宽度.photo-caption向下到父宽度,但仍然有悬垂.

因此,当您没有为给定的div元素设置任何边距或填充或边框时,基本上会发生边距折叠？

如何在CSS中为Firefox设置特定的保证金？我试过-moz-margin:0px;

我的问题是在每个浏览器中,甚至IE工作,

但是firefox现在在我的CSS上失败了...当我滚动它们时,某些链接会像1px一样向左移动...

我确实遇到了问题TextView.我不希望它上面有任何边距/填充.

<TextView android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:id="@+id/ptp_hour"
          android:textColor="@color/black"
          android:textSize="100dp"
          android:height="100dp"
          android:layout_marginTop="0dp"
          android:paddingTop="0dp"
          android:includeFontPadding="false"
          android:maxLines="1"
          android:text="10"/>

我TextView看起来像这样,尽管textSize和height设置为相同的值,字体上方有一个空格.这让我感到困扰,因为我想把另一个视图放在相对于字体的顶部.这个间距是否包含在字体本身中？

还有一个问题:如果我发现距离顶部20dp和底部7dp的余量在我的设备上完美运行,我可以依赖它在其他屏幕上的表现方式相似吗？(这些边距适用于按钮)

如果我有:

<div class="container-fluid">
   <div class="row-fluid">
      <div class="span8">
             Some Element....
       </div>
       <div class="span4">
             Other Element
       </div>   
   </div>       
</div>

使用此代码,我可以从左右窗口边框获得一些余量.如何消除这些利润？

感谢您的支持

以下屏幕截图显示了我的xaxis.我添加了一些标签并将它们旋转90度以便更好地读取它们.然而,pyplot截断底部,使得我无法完全读取标签.如何扩展底部边距以查看完整标签？

我在vim中的colorscheme有问题:

替代文字http://new.tinygrab.com/ca56d2c7a8e13f7077012bece6abd90e.png

行号太靠近代码了.如何增加行数右边距的宽度？

我是网络开发的新手,在删除身体边缘时遇到了问题.

浏览器顶部和"徽标"文本之间有空格.我的代码在jsbin上.

body { margin: 0;}如果我想删除这个空间是错的？