li设置inline-block后的行间距

列表使用display:inline-block进行横排设置后,行间距变大,单行上下边距增加,两行间出现较大空隙。
网上有人说这个BUG是源代码li前的TAB缩进或空格造成的。然而测试后认为,两行间空隙变大的问题与行高有关。
设置的行高属性值为“1em”,即CSS中为li添加“line-height:1em”,可完美解决此问题。
CSS文件示例:
#sidebar li{display:inline-block;line-height:1em}

(中国梦 / )

发表评论

电子邮件地址不会被公开。

7 + 5 =