html - 复选框在 Firefox 中呈现正常，但在 Chrome 中不呈现

Question

谁能告诉我为什么在这个例子中，复选框和旁边的文本在 Chrome 中的呈现方式与在 Firefox 中的呈现方式不同（期望的结果）？

Firefox 16.0.2
Chromium 18.0.1025.168 (Developer Build 134367) (WebKit 535.19)

Answer 1

1. 放在<br>与第一个复选框输入元素相同的行的末尾，而不是下一行。这将水平对齐复选框。另请参阅：文本对齐：Chrome 中的右有边距或缓冲区
2. 将该表单中两个输入元素的宽度调整为1em. Chrome 似乎会自动将这些宽度扩展到容器中的可用空间，而 Firefox 则不会。

虽然这还不是一个完整的修复，但垂直定位仍然存在差异。

演示。