如何使用此代码更改行高？

Question

<font color="#FFFFFF">
    <span style="float: left; position: relative; top: 25px; left:100px">
        text here<br>and more text here....
    </span>
</font>

Answer 1

也许在级联的其他地方有与该元素相关联的更命令式的样式？在 Chrome 中加载该吸盘并通过 Web Developer 扩展检查元素 - 它会显示该元素的计算样式以及任何覆盖的样式。

编辑：

回应cmets：

<p style="line-height:1.2em;">Your text here</p>

应该可以，或者将 1.2em 向上调整少量。但请记住，这只会将行高样式应用于特定的 <p> 标记。如果您可以/需要/想要保持一致，请将 style="line-height:1.2em;" 应用于段落的包含元素，例如：

<div style="line-height:1.2em;">
    <p>Paragraph 1 will have the same line-height as</p>
    <p>Paragraph 2.</p>
</div>

Answer 2

这不是真正的用法。我认为真正的用法是；

<span><font></font></span>

但你应该试试这个；

<style>
.class1{
height: 100px;
width: 250px;
background-color: #000;
color: #fff;
font: normal 12px Verdana;
line-height: 100px;
}
</style>

<div class="class1">your text message is here...</div>

您可以在字体属性中使用另一种方式来设置行高；

font: normal 12px/100px Verdana;