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

posted @ 2021-01-18 17:03  团叽  阅读(1365)  评论(0编辑  收藏  举报