1.18 antd Table 踩坑记录:中文标题不加粗,英文加粗


antd的Table中title是英文会加粗,中文不会

1.18 antd Table 踩坑记录

使用antd的Table时,title字体不是加粗的。但是文档中的标题都是加粗的,首先想到的会不会是react的全局样式不小心影响到了

开发者工具中,Elements面板能够实时编辑DOM节点和CSS样式。

  • 双击DOM树视图里面的节点,可以实时编辑标签属性,修改的效果会立刻反应在浏览器里面

  • Style面板,可以实时修改CSS的属性值

  • Computed面板,可以编辑左侧选中的盒子模型参数

所以一个元素中所有的样式都可以看这里查看到。通过对比文档和自己代码中标题的样式,发现都是有font-weight:'500'的,但是就很奇怪,为什么文档是加粗效果的,而自己的是普通效果。

文档中:

 

 自己代码:

 

 

但是应该可以排除全局样式的影响了。

然后想到会不会是字体的问题,这个还没有验证,因为很快就找到原因了……

最后发现antd的Table中title是英文会加粗,中文不会,通过在开发者工具中,修改了DOM树中内容,把英文改成了中文,结果文档的标题也变成普通效果了2333


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM