为什么当我在信息框中使用它时条形图会反转

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本身无关，而是与维基媒体社区创建的样式表有关。在该wiki上MediaWiki:Common.css（用户为所有皮肤加载CSS）中有一个css规则，如下所示：

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

该规则将覆盖条形图的垂直对齐方式。一个快速而肮脏的解决方法是将Template:Data_bars中每一列的vertical-align: bottom;更改为vertical-align: bottom !important;。

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