1

我在css中遇到了一个奇怪的问题。您可以在此处查看带有复选框的表单。带有复选框的文本未正确对齐。它分成两行。它在 Linux 和 opera 上的 FF、IE、Chromium 上运行良好，但在 Windows 7 上的 chrome 上运行良好。
现在这是有趣的部分。右键单击任何感觉，例如。必须监视和检查元素。这是第一个匹配的 CSS 规则

.addCheckbox label, .addRadio label {
font-size: 15px;
}

编辑它并添加display:block. 所以新的CSS将是

.addCheckbox label, .addRadio label {
font-size: 15px;
display: block;
}

现在通过取消选中禁用新添加的 CSS display:block，瞧，您可以看到完美呈现的表单。所以我用相同的 CSS 得到不同的渲染。任何人都知道如何解决这个问题？相同的 CSS 最初在 windows 7 上的 chrome 上运行良好，直到最近有人指出。

浏览器信息：Windows 7 上的 Chrome 24.0.1312.57

4

1 回答 1

1

从复选框类中删除 float:left，我认为这里不需要。并用左边距调整标签标签。

此外，从此类中：.radio.inline、.checkbox.inline... 尝试删除 display: inline-block 并使用填充和边距控制 li 和 span。要记住我，请尝试使用 display: block 作为记住我的标签。

希望能帮助到你。

于 2013-02-07T13:00:54.457 回答