为什么在CSS表格单元格中留出空间？

为什么细胞左右都被空的空间填满？为什么在CSS表格单元格中留出空间？

空的空间位于左右表格单元之上。

http://jsfiddle.net/Tim86/NU9sA/

它有事情做与#middlebuttons{display:block;}。

编辑：我使用的是Firefox 5

EDIT2：Pictues

错误

wrong

右

![right

来源

2011-07-01 Tim

Tim，你是在讨论名为'Alla studenter'和'Grupp 1'的列表框中的空白空间吗？ –

你问哪些元素？ –

我在每个按钮后面输入
而不是使用'#middlebuttons {display：block;}'来解决我的问题。 [这里是更新的代码。]（http://jsfiddle.net/Tim86/NU9sA/1/）但是没有人对此行为有解释，请告诉我。 – Tim

我认为这是在Firefox this bug。解决方法似乎是添加以下内容：

#middleButtons { 
    vertical-align:top; 
}

在Chrome浏览器中查看此内容并且无法看到问题！

来源

2011-07-01 17:58:50 andyb

非常感谢！你必须是一个真正的CSS专业人士！ – Tim

实施解决方案[here]（http ：//jsfiddle.net/Tim86/NU9sA/9/） – Tim

高兴地帮忙，我忘了说我喜欢你的方法，让学生加入到不同的群体中。 – andyb

尝试增加float: left; in

#middleButtons input 
{ 
    display: block; 
}

来源

2011-07-01 16:10:36

没有工作:( – Tim

为什么不使用float：left而不是table-cell？ http://jsfiddle.net/NU9sA/5/

来源

2011-07-01 16:28:10 bravedick

恐怕浮动元素在使用auto来调整子元素的大小时会遇到麻烦，我不会用它知道，但可能会稍后使用自动调整大小 – Tim

你需要采取padding关闭div为#ungroupedStudentsWrapper的顶部。

所以做这个

#middleButtons, #ungroupedStudentsWrapper, #groupWrapper 
{ 
    display: table-cell; 
    padding:0 .8em .8em .8em; 
}

http://jsfiddle.net/jasongennaro/NU9sA/7/

来源

2011-07-01 16:34:41

填充不会影响问题 – Tim

这是因为你已经设置了一个300像素的高度第一选择元素。

<div>Alla studenter</div> 
<select style="height:300px;" id="UngroupedStudents" multiple="multiple" name="UngroupedStudents" size="4">

白色空间示出了如本选择元素包含7个选项元件，其小于300像素

<option value="Anatoly">Anatoly</option> 
<option value="Marie">Marie</option> 
<option value="Sara">Sara</option> 
<option value="Peter">Peter</option> 
<option value="Jocke">Jocke</option> 
<option value="Sinan">Sinan</option> 
<option value="Tom">Tom</option>

指定的高度如果删除的高度或使高度比所需的空间少显示上述7个选项元素，白色psace将被删除。

对于

<div class="groupHeader" id="gh1">Grupp 1</div>

内的第二选择元件已设置样式，

select 
{ 
min-width:100px; 
min-height: 100px; 
}

作为该选择元件只包含4个选项元素

<option value="Tim">Tim</option> 
<option value="Jens">Jens</option> 
<option value="Ann">Ann</option> 
<option value="Anders">Anders</option>

的规定高度100px比显示上面4个选项元素所需的空间多，所以白色的空间即

Updated Fiddle

来源

2011-07-01 16:48:39 Jawad

谢谢你，但它并不是我所瞄准的空白空间，我从一开始就不清楚我的问题，对不起。 – Tim

为什么在CSS表格单元格中留出空间？

回答

相关问题