如何控制 样式为内联的行高答案

【问题标题】：How to control line height in styled as inline如何控制 样式为内联的行高
【发布时间】：2011-11-04 05:24:08
【问题描述】：

希望这很简单，只是无法解决。

我需要将段落样式设置为“内联”，但我还需要使段落的行距非常紧......使用 css 我似乎能够通过设置“行高”来增大行高' - 但是我不能使它小于默认值......而如果我取消'内联'样式，它就可以正常工作。有什么想法吗？

这是一个例子：

<div style="width:200px;">
<p style="display:inline; line-height:0px;" >eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg erg eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg </p>
<p style="line-height:0px;" >eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg erg eqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg eqrgqerg ergeqrgewr gergerg wergerg ergqerg ergqerg ergqerg </p></div>

非常感谢

【问题讨论】：

标签： css inline spacing

【解决方案1】：

对于内联元素，line-height CSS 属性指定用于计算行框高度的高度。在块级元素上，line-height 指定元素内行框的最小高度。

https://developer.mozilla.org/en/CSS/line-height

你可以做什么：

在包装<div>元素上设置line-height: 0px;
在内部设置display: inline-block;
浮动内

【讨论】：