我经常需要在网站上输入体育比赛结果数据。在 Ubuntu 中（使用 Firefox 和 Chrome），表格会出现偏移，即输入框与垂直输入描述不匹配。因此，表格比实际长度要长，输入框与输入描述不匹配。这不会发生在我的 Arch 框上 - 表格呈现完美。我不知道从哪里开始寻找这个问题的解决方案。
Arch 目前使用的是 Firefox 10，但这个问题已经存在了好几个月，并且 Firefox 的版本升级也出现了。情况是这样的：有两个并排的输入单元（我在其中添加了足球（协会）比赛的结果）。这些单元与球队名称对齐，例如
Team One [input 1] [input 2]
Team Two [input 1] [input 2]
Arch 中的 Firefox 可以按预期呈现页面。输入单元格与团队名称对齐。这在 Windows 中的 Firefox 中也有效。
在 Ubuntu 中，单元格彼此叠加显示：
Team One [input 1]
[input 2]
不幸的是，这导致输入框错位，即它们不再位于与其关联的团队旁边。
Team One [input 1]
Team Two [input 2]
[input 1]
[input 2]
使用正确的输入框匹配队伍变成了一场噩梦。啊啊啊啊。
我无法给您提供链接，因为这是一个受密码保护的网站。它应该是这样的： http://i39.tinypic.com/2ev8bi1.png
以下是在 Ubuntu 11.10 中使用 Firefox 10 的情况
http://i41.tinypic.com/ebdgr7.png
我已经安装了 Microsoft 字体集，并且还在 Ubuntu 中使用了来自 Arch 的 Firefox 配置，但问题仍然存在。
答案1
在没有看到确切的 CSS 的情况下，似乎表格使用不同的字体. （例如，比较大写“B”或“1”。）
您可以尝试以下几件事：
- 尝试指定完全相同的字体和像素大小在你的 CSS 中，看看是否有所不同。
- 使用 Firebug 检查输入框的尺寸/填充。使用CSS 重置样式表来平衡浏览器的差异。
- 修改布局为能够容纳字体大小有一些像素差异。
- 使用表格数据表。如果您为某个团队设置了表格行，则单元格不应该垂直放置错位。
如果您无法访问网站的源代码，您仍然可以选择修改外观。
- 这时髦的扩展将修改网站的外观 (CSS)（根据附加页面，甚至 Firefox 本身）。通过编写用户样式表，您可以根据自己的喜好修改外观。
- 油脂猴另一方面，JavaScript 是一种通用武器，可以使用 JavaScript 更改网页上的任何内容（包括 HTML 结构）。如果您可以编写算法来解决问题，那么没有人会阻止您按照自己喜欢的方式更改页面。
解决该问题的另一种方法是更改操作系统的外观或主题。GUI 程序使用操作系统的小部件*来显示按钮、复选框和输入字段等。
因此在大多数情况下，更改主题会改变输入框的字体/填充/大小。
*）并非如此简单，但重点是小部件的外观是浏览器借用的。这就是它看起来像原生的原因。