想增加li之间的行间距，用line-height为什么没有效果？

Question

 html += '<li style="line-height:35px"><a id = "listId" href="'+ "../main/getTab.action?sensorId="+deviceName[m].sid +'" target="mainFrame"><i class="fa fa-ioxhost" ></i><span style="font-size:15px line-height: 50px">'+deviceName[m].device_name + '</span></a></li>';

我把line-height写在了li里，没有变化

为什么把li设置成display：inline就可以了呢

Answer 1

li是不是定高了，自己审查看下li元素有什么样式。当有height的话设置line-height无法控制li高度