我正在尝试创建一个这样的表:
{| class="wikitable" style="background:#F00;"
|-
! colspan="3" | Title
|-
! style="border-width:1px 0px; width:20px" | A
! style="border-width:1px 0px;" | [[A]]
! style="border-left-width:0px; width:20px" | A
|-
| colspan="3" | Text
|}
但是,红色背景向右“流血”。即,在表格右边框的右侧,有一条垂直的红色条带。
使用开发人员工具仔细检查后,这是由于单元格的填充设置为 0.2em,并且(奇怪地)没有四舍五入为整数像素,填充为 2.54999 像素。然后浏览器将表格框呈现在右边框之外。
这可以通过单独为单元格提供基于 px 的填充来解决。但这会使代码复杂化,所以我正在寻找一个更简洁的解决方案。
编辑:还需要注意的是,“未舍入”行为是由“wikitable”类引起的。我尝试删除课程并且填充物是四舍五入的。
.css()
EDIT2:进一步的实验表明,这很可能是因为 MediaWiki 使用 jQuery 的方法(或其他等价物,它不围绕基于 em 的测量值)设置 wikitables 的填充。任何想法如何克服这个问题?