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

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

word截图和设置如下:
image.png
image.png

富文本编辑器截图和html代码如下:
image.png

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

对比截图:
image.png

阅读 3.2k
4 个回答

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

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

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

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

新手上路,请多包涵

可能是你心里感觉而已

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题