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

时间:2010-07-07 02:10:33

标签: html css wordpress

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

2 个答案:

答案 0 :(得分:1)

也许在级联中的其他地方有一个更重要的风格与该元素相关联?在Chrome中加载吸盘并通过Web Developer扩展程序检查元素 - 它将显示该元素的计算样式以及任何被覆盖的样式。

修改

回应评论:

<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>

答案 1 :(得分:1)

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

<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属性中使用line-height;

font: normal 12px/100px Verdana;