从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 倍行距和行网格的概念,你可以自行百度了解,不是你理解的字体大小的倍数。
###可能是你心里感觉而已
###当是百分比时line-height是给定的百分比值乘以元素计算出的字体大小。百分比值可能会带来不确定的结果。比如过当前元素(line-height设置的元素)的字体大小太小,而子元素字体比较大,就会导致页面布局失调,因此官方建议直接使用无单位数字值来设置line-heigth。
###1.首先确认一下你word开缩放了吗?
2.确认一下两边的字体配置是不是一样的
word 中的行距和富文本编辑器的行距并没有直接关系,
除非你黏贴的是带格式的那种,