CSS:下拉列表的间距问题

Question

我已经制作了一个下拉列表:http://jsfiddle.net/QPxVe/ 由于某种原因,jsFiddle正在改变jsFiddle之外不存在的对齐 - 这不是问题.

我似乎在项目之间存在差距,我无法理解为什么要添加它.

小提琴有不同的颜色和字体,但除此之外,每个都是相同的.下图中的箭头指向问题 - 就像所有div一样.如果我为主.dropdown类设置边距为-4px,它是固定的,但我不确定为什么空间出现在第一位......

Answer 1

这是因为display:inline-block元素周围的空格(例如换行符)被渲染为空格.解决方案之一是将父元素的font-size设置为零.

请参阅http://jsfiddle.net/Kb7Fp/,其中添加了以下规则:

BODY > DIV {font-size: 0; }