问答

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

作者:admin 2021-05-06 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

从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

###

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

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

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

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

###

可能是你心里感觉而已

###

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

###

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 为什么网页中行距要比word中的行距小

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

  • 在Vue中使用Element,高度不够会出现白

    在Vue中使用Element,高度不够会出现白

  • 有没有大佬熟悉qiankun微前端

    有没有大佬熟悉qiankun微前端

  • 使用@rollup/plugin-babel还需要@rollu

    使用@rollup/plugin-babel还需要@rollu

腾讯云代理商
海外云服务器