从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>
对比截图:
同样是1.5倍,但是基数不一样啊。
word 中的 1.5 倍行距,指的是1.5倍于行网格的大小,而非1.5倍于当前字体大小。
而 CSS 的 150% 是大家理解的当前字体大小为基准来计算。
关于 word 中的 n 倍行距和行网格的概念,你可以自行百度了解,不是你理解的字体大小的倍数。