2014-10-31 40 views
2

Fiddle为什么选择元素之间有神秘的余地?

<select>test</select> 
<select>test</select> 
<select>test</select> 

我想选择的元素之间添加的东西,但我不能让他们正确对齐,因为选择的元素自然有他们之间的余量。通过计算的样式,我无法弄清楚为什么是这种情况。

我该如何删除它?我是否必须导致负边际?

回答

4

选择元素inline-block的元素默认和喜欢他们有他们之间就像是句子中内嵌字的“白色空间”的所有inline-block的(或内联)的元素。

检查this questions以找到删除该空白区域的方法或使用display:block;使其无空白区块元素。

Demo

+1

“......空格的大小取决于浏览器。”可以?它取决于正在使用的字体的空间字形的宽度,但是如果您使用自定义字体,是不是会精确定义要使用的负边距? – Alohci 2014-10-31 15:30:50

+0

@Alohci你是对的,我会删除那句话,这是错误的 – 2014-10-31 15:33:46