为什么在信息框中使用条形图时条形图会倒转？

Question

该页面的代码是

{{Infobox course
| course_code = PH31011
| course_name = Quantum Mechanics I
| department = [[Physics]]
| credits = 4
| ltp = {{Data bars
         | columns = 6 | Jan| Feb| Mar| Apr| May| Jun
         | blue|Berries|  65|  38|  72|  47|  20|  30  
        }}
}}

{{Data bars
| columns = 6 | Jan| Feb| Mar| Apr| May| Jun
| blue|Berries|  65|  38|  72|  47|  20|  30    
}}

为什么图表在信息框中使用时显示倒条形图？

Answer 1

这是一个 CSS 问题，与 MediaWiki 本身并没有真正的关系，而是与维基媒体社区创建的样式表有关。 MediaWiki:Common.css（用户创建 CSS 为所有皮肤加载）中有一个 css 规则，看起来像这样：

.infobox th[scope=row], .infobox td {
   vertical-align: top;
}

该规则会覆盖栏的垂直对齐方式。一个快速而肮脏的修复方法是将 Template:Data_bars.

中每一列的 vertical-align: bottom; 更改为 vertical-align: bottom !important;

与往常一样，如果您在生产 wiki 上这样做，您可能会搞砸其他一些边缘情况，因此您可能应该先在 talk page 上提出问题。

为什么在信息框中使用条形图时条形图会倒转？

Why does bar graph get inverted when I use it in a infobox?

wikipedia

mediawiki-templates