我很难减少CSS行高(或高度 - 我试过两者)的文本行之间的间距。
我有一小段文字,间距是关闭的。我已经尝试修改(似乎)应用的样式,并将文本括在<span>...</span>
中并明确声明样式。似乎没什么用。
该网站是使用Pagelines“lite”主题的Wordpress网站。该网址为http://stage.dsthree.com,问题位于首页(您可以在文本的第四列中看到它,就在小文本中“电子邮件订阅”框的正下方 - 该文本的行间距已关闭。这个网站不允许我发布截图,因为我是新来的...抱歉。
我已将行高降低到1%并将其降低到1px无效。
非常感谢有关如何减少空白的任何帮助,指示或建议!
答案 0 :(得分:33)
内联元素不支持line-height
等属性;它们采用最近的块父级的行高。
请参阅Fiddle
解决方案:从正文中删除行高,或将跨度转换为块(即将其设为div;不要将display:block
赋予跨度)。
答案 1 :(得分:19)
添加display:block
&amp;删除height
。
<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>
您详细了解display:block
媒体资源 here 。
答案 2 :(得分:1)
你有line-height: 21px;
在身体里。删除它,它应该工作。