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 旨在完全滿足您的需求。