html - 我如何从 Google Visualization 中将条形图居中？

Question

这是 this question 的延续我在哪里问如何将 Google Visualization API 中的数字(即文本返回)居中.我遇到的新问题是我想显示特定数据的进度条，并且我想将它们居中。我正在使用 Bar Format .但是，我的 CSS 似乎不起作用。我知道我应该能够将 CSS 应用于命名元素中的特定标记(或者我相信我可以)。

这是当前站点的图片:

我相信如果我可以删除 float: left; 从 google 进程中继承并添加 margin: 0 auto; 这一切都会起作用。 Here is a JSFiddle of my work so far.

Answer 1

是的，删除 float:left; 效果很好。

引用你的问题How do I center numbers in a table from Google Visualization API? ，解决方案很简单，如其中一个答案所述。

对于td中的span标签，您需要覆盖API继承的css。

span{
    float:none !important;
}

这是它的 fiddle :http://jsfiddle.net/a8e3re72/5/