标签: gaps-in-visuals

我有这样的代码:

        <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;
}

我的网站顶部有一个32px的差距,尽管设置边距和填充为0.我知道它是32px因为我可以用填充来修复它:-32px.但后来我在底部有一个缺口!在Firebug中,似乎主体仅从HTML元素的开头向下开始32px,即使我已将边距和填充设置为0.

这是我的CSS:

html {
  height: 100%;
  padding: 0;
  margin: 0;
}

body { 
  background-color: #a7a9ac; 
  color #666666;
  background-image: url('body-bg.gif');
  background-repeat: repeat-x;
  height: 100%;
  padding: 0;
  margin: 0;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

.container_banner h1{
  font-size: 48px;
  position: relative;
  top: 130px;
  left: 250px;
  width: 400px;
}

.container_banner h3{
  position: relative;
  top: 0px;
  left: 32px;
  font-size: 10px;
  color: #F8F8F8;
}

.container_banner{
  position: relative;
  top: 0px;
  background-image: url('banner.png');
  background-repeat: no-repeat;
  margin: …

有没有办法改变火花形式项目及其内容(textinput,conbobox)之间的空间？我已经将表单的"gap"属性设置为0,但表单输入之间仍然留有很多垂直空间.

我想显示一个缩略图页面.缩略图是用户上传的图稿图像.每个图像都有一个受约束的宽度,但不是受约束的高度,这是为了显示完整的图像而不进行任何裁剪.

我希望图像能够相互对接,两者之间没有间隙.列数不固定:如果我展开页面或调整页面大小,图像应该流入正确的列数.

float:left

几乎是我想要的.除非页面中有高大的图像,否则我会看到这个缺口:

如何消除差距？

为了避免长列表,我将我的li设置为float:left以便它们交替行.然而,有时当li中的内容占用两行时,这会导致元素之间的无意间隙.我的HTML是:

<ul class="gmc-ingredient-list">                                   
<li>500g Tagliatelle</li>                                                                   
<li>50g wortel</li>                                 
<li>50g ui</li>                                  
<li>50g bleekselderij</li>                                  
<li>100g pancetta</li>                                  
<li>200g half-om-half-gehakt</li>                                  
<li>200g rundergehakt</li>                                  
<li>200 ml Primitivo (rode wijn)</li>                                  
<li>200ml runderbouillon</li>                                  
<li>5 eetlepels tomatenpuree</li>                                  
<li>Olijfolie</li>                                  
<li>Zeezout</li>                                  
<li>Verse peper</li>                                             
</ul>

我的CSS是:

ul.gmc-ingredient-list { 
margin: 0; 
padding: 0;
list-style: none; 
width: 300px; 
}

ul.gmc-ingredient-list li { 
background: url(http://allesoveritaliaanseten.nl/wp-content/uploads/2012/11/aoie-list.png) no-repeat scroll left top transparent; 
list-style: none outside none;
padding: 0px 0 0 20px; 
width: 130px; 
float: left;
}

输出看起来像http://allesoveritaliaanseten.nl/ragu-alla-bolognese/

但也有一些情况下,李占用两行,输出就像http://allesoveritaliaanseten.nl/italiaanse-tomatensoep/

如何停止显示这些差距的列表？

WPF Tabcontrol的默认行为是将Tab Headers放在彼此相邻的位置,中间没有任何空白区域.如果我想在标题之间指定间隙怎么办？我是否必须为此定义控件模板？我对世界粮食计划署比较陌生,对此我们表示感谢.

谢谢

我正在WPF中构建一个应用程序以满足自定义需求.首先我选择了自定义控件,但后来发现我需要的大部分内容已经在Datagrid Control中实现了.然而,有一个小故障:

与数据网格的问题是,它强制最小的2像素间隙的两个连续单元之间(1上的网格线的每一侧).为清晰起见,请查看下图:

.请注意两个连续单元格之间由Datagrid强制执行的2像素间隙:http: //img265.imageshack.us/img265/3545/figurem.png

(堆栈溢出不会让我在我的问题中添加图像,引用新用户的垃圾邮件保护策略)

.

这不符合我的要求,因为我想要的内容出现"连续"(不能有2个像素这一空白;我想要连接线条看上去"连接").我尝试使用GridLinesVisibility,但它没有帮助.DataGrid托管一个这样的自定义控件:

<DataGrid.Columns>
            <DataGridTemplateColumn Width="25" Header="">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ContentControl Content="{Binding Path=MyCustomControl}" Margin="0"></ContentControl>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>

....
</DataGrid.Columns>

我到目前为止尝试过:

1. 关闭GridLine(参见结果:http://img263.imageshack.us/img263/8602/figure2j.png)
2. 将content属性的边距设置为0.
3. 搜索谷歌和stackoverflow
4. 咨询了一些书.

但似乎没有出现.

是否有解决方案/某些黑客或解决方法或者我是否必须从头开始创建所有内容？我对c#有很好的经验,但我是WPF的新手.

请帮忙.

我想使用jfreechart制作条形图,使得属于同一类别的条形应相邻显示,没有任何间隙.应显示带有间隙的类别.此外,每个类别可能具有不同数量的条形.如何使用Jfreechart库获得它？下图是我需要的样本.这里所有相同类别的条形应该是相同的颜色并且没有间隙(或者间隙很小).

alt text http://www.freeimagehosting.net/uploads/b197c272ec.jpg

在此先感谢,Abhinav

我遇到了这个问题而且无法解决这个问题.请帮我.

在我的网页中,我在容器div中使用了3个div.我正在尝试消除div之间的不必要的差距.

• (1)顶部bg图像
• (2)中间bg图像
• (3)底部bg图像

我试图调整这3个div,使它看起来像一个bg图像.我的中间部分和底部部分完全调整,但顶部和中间部分之间有一些间隙,我试图删除但不能.

请参考我附上的图片,其中显示了顶部和中间部分之间的间隙.请参考我用于放置图像的样式表数据.

提前致谢.

#main_container {
    background-repeat:no-repeat;
    width:645px;
    float:left;
    padding-bottom:10px;
    overflow:hidden;
    height:auto;
}
#middle_part {
    background-image: url('/DiscoverCenter/images/apps_mid.png');
    background-repeat:repeat-y;
    width:645px;
    padding-bottom:10px;
    overflow:hidden;
    height:auto;
    clear:both;
    position:relative;
    display: block;
    vertical-align: bottom;
}
#top_part {
    background-image:url('/DiscoverCenter/images/apps_top.png');
    width:645px;
    top:0px;
    height:47px;  /* actual height of the top bg image */
    clear:both;
    position:relative;
    display: block;
    vertical-align: bottom;
}
#bottom_part {
    background-image:url('/DiscoverCenter/images/apps_btm.png');
    width:645px;
    height:24px; /* actual height of the bottom bg image */
}

我是Swing的新手,我正在尝试制作一个GUI.使用Netbeans的GUI创建者的东西,我设法制作了我喜欢的东西.但是我使用编辑器让我感觉很糟糕,所以现在我尝试使用代码进行相同的设计.这是我想要制作的图片: 现在我只专注于创建"标准"部分(是的,我知道我在图片中拼错了)这是我目前所拥有的: 我用红色突出显示了我想增加保证金的地方:

• 在文本框的右侧和标签的左侧之间
• 在Criteria面板的顶部和JFrame之间
• 在面板的左侧和右侧与JFrame之间

我来自网络开发,增加利润是我想要做的.如果这是不正确的术语,请通知我.这是我目前使用的代码:

public class Criteria extends JPanel {
    JLabel JobLabel = new JLabel();
    JLabel BoxLabel = new JLabel();
    JLabel PartLabel = new JLabel();
    JTextField JobInput = new JTextField();
    JTextField BoxInput = new JTextField();
    JTextField PartInput = new JTextField();

    public Criteria() {
        setLayout(new FlowLayout(FlowLayout.LEADING));
        setBorder(BorderFactory.createTitledBorder("Criteria"));
        JobLabel.setText("Job");
        JobLabel.setLabelFor(JobInput);
        BoxLabel.setText("Box");
        BoxLabel.setLabelFor(BoxInput);
        PartLabel.setText("Part");
        PartLabel.setLabelFor(PartInput);
        JobInput.setColumns(8);
        BoxInput.setColumns(8);
        PartInput.setColumns(8);
        add(JobLabel);
        add(JobInput);
        add(BoxLabel);
        add(BoxInput);
        add(PartLabel);
        add(PartInput);
    }
}

我不知道如何为这些组件添加保证金,所以非常感谢帮助.如果我无法通过FlowLayout实现此效果,请告诉我应该使用的是什么.