为什么Select元素之间存在神秘的余地?

时间:2014-10-31 14:54:52

标签: html css

Fiddle

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

我正在尝试在select元素之间添加内容,但是我无法正确对齐它们因为select元素之间自然会有一个边距。通过计算出的样式,我无法弄清楚为什么会出现这种情况。

如何删除此内容?我是否必须导致负利润?

1 个答案:

答案 0 :(得分:4)

默认情况下,选择元素是内联块元素,并且像所有内联块(或内联)元素一样,它们具有&#34;空格&#34;他们之间喜欢一句话中的内联词。

检查this questions以了解删除该空白区域的方法,或使用display:block;使其阻止没有空格的元素。

Demo