为什么网页中行距要比word中的行距小

Question

从word中粘贴了一段1.5倍行距的段落内容到富文本编辑器中，查看编辑器中的代码为line-height: 150%。但是显示出来明显要比word中小很多。这是为什么？word中的行距跟网页的行距数值有什么对照关系么？

word截图和设置如下：

富文本编辑器截图和html代码如下：

<p style="text-indent:30.8pt;line-height:150%;">
    <span style="font-size: 16pt; line-height: 150%; font-family: 宋体, SimSun;">为进一步完善我市政府信息公开工作，着力解决当前政府信息公开工作中存在的公开不主动、不及时和公开效果不理想等问题，加快推进政府信息公开工作规范化、标准化、信息化，为公民、法人和其他社会组织提供一站式的政府信息公开服务，经市政府同意，现就推进xx市政府信息公开统一管理平台建设有关事项通知如下：</span>
</p>

对比截图：

Answer 1

同样是1.5倍，但是基数不一样啊。

word 中的 1.5 倍行距，指的是1.5倍于行网格的大小，而非1.5倍于当前字体大小。

而 CSS 的 150% 是大家理解的当前字体大小为基准来计算。

关于 word 中的 n 倍行距和行网格的概念，你可以自行百度了解，不是你理解的字体大小的倍数。

Answer 2

可能是你心里感觉而已

Answer 3

当是百分比时line-height是给定的百分比值乘以元素计算出的字体大小。百分比值可能会带来不确定的结果。比如过当前元素（line-height设置的元素）的字体大小太小，而子元素字体比较大，就会导致页面布局失调，因此官方建议直接使用无单位数字值来设置line-heigth。

Answer 4

1.首先确认一下你word开缩放了吗？
2.确认一下两边的字体配置是不是一样的

word 中的行距和富文本编辑器的行距并没有直接关系，
除非你黏贴的是带格式的那种，