如何在一个html标签中设置行高<p>，当这个<p>有两种不同的字体大小？
如果我设置<p style="line-height:120%"> .... </p>，那么整个<p>只有一种行高。
但我希望它的行为就像 Microsoft Office Word/（和 Google Doc）。即：不同内容、不同字体大小将具有不同的行高。
是否有可能<p>达到这样的效果？或者我必须像 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>
在 line-height CSS 属性的上下文中，数字和百分比之间的区别在于，数字值由后代元素继承，但首先使用当前元素的字体大小计算百分比值，然后继承该计算值由后代元素。
有关 line-height 属性的更多信息，它确实比乍一看要复杂得多，我建议您看一下这个在线演示 http://www.slideshare.net/maxdesign/line-height.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
