ProgressBar.js 的圆圈内的文本不会在我的 CSS 网格单元格内正确居中

Question

完整的工作代码在这里。

https://codepen.io/chen-luke/pen/gOweWKE

我的 CSS 网格由两列组成

    .grid-template-areas:
        "name name"
        "rate diff_rate"
        "ratePie w-t-a"
        "help help"
        ". r-link";

在我的 ratePie 单元中，我放置了我的进度圈。 圆圈会正确显示，但圆圈中的文本“4/5”不会。 我该怎么做才能将文本对齐在圆圈的中心？

Answer 1

从text:配置参数中删除autoStyleContainer: false 。 或者，删除整个text:参数，因为它变得未使用。

通过包含该设置，您告诉 ProgressBar 您想自己设置<p>标记的样式 - 您实际上从未这样做过。

默认文本 styles 旨在完全满足您的需求。