html - 为什么 Select 元素之间有一个神秘的边距?

标签 html css

Fiddle

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

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

如何删除它?我是否必须导致负利润?

最佳答案

默认情况下,选择元素是内联 block 元素,并且像所有内联 block (或内联)元素一样,它们之间有一个“空白”,就像句子中的内联单词一样。

检查this questions了解删除该空白的方法或使用 display:block; 使它们成为没有空白的 block 元素。

Demo

关于html - 为什么 Select 元素之间有一个神秘的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26677546/

相关文章:

php - 绑定(bind)模型的 CakePHP 分页问题

jquery - jQuery serialize() 是否保证来自表单的数据是有序的?

javascript - 在页面加载时禁用提交按钮,在调用函数后启用它

javascript - 根据url隐藏div

javascript - 悬停时损坏的 CSS 菜单 - 闪烁效果

javascript - HTML/CSS : How does Google create this drop shadow over their maps?

javascript - <div> 中的文本重叠

php - 如何动态实现社交媒体分享按钮?

html - 带图像的网格布局

html - 将基线与行内 block 的底部对齐