在Html中设置行高,以使html在具有不同字体大小时看起来像办公室

发布时间：2020-12-14 19:36:46 所属栏目：资源来源：网络整理

导读：当 p时,如何在一个html标签 p中设置行高.有两种不同的字体大小？如果我设置 p style =“line-height：120％” …. / pgt ;,然后整个 p只有一行高度. 但我希望它的行为类似于Microsoft Office Word /(和Google Doc).即：具有不同字体大小的不同内容将具有不

当时,如何在一个html标签中设置行高.有两种不同的字体大小？

如果我设置 ….< / p&gt ;,然后整个只有一行高度.

但我希望它的行为类似于Microsoft Office Word /(和Google Doc).即：具有不同字体大小的不同内容将具有不同的行高.

是否可能？达到那个效果？或者我必须逐行执行此操作,例如Google Doc？有没有更简单的方法？

解决方法

实际上,你可以很容易地做到这一点.只需将行高指定为数字：

<p style="line-height:1.5">
    <span style="font-size:12pt">The quick brown fox jumps over the lazy dog.</span><br />
    <span style="font-size:24pt">The quick brown fox jumps over the lazy dog.</span>
</p>

行高CSS属性上下文中数字和百分比之间的差异是数字值由后代元素继承,但首先使用字体大小为当前元素计算百分比值,然后继承此计算值由后代元素组成.

有关line-height属性的更多信息,它确实比初看起来要复杂得多,我建议你看看this online presentation.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!