我在css中遇到一个奇怪的问题。您可以使用复选框here查看表单。带复选框的文本未正确对齐。它分为两行。它在FF,IE,Chromium在Linux和Opera上运行良好,但在Windows 7上没有Chrome 现在这里很有趣。右键单击任何感觉,例如。必须观察和检查元素。 这是第一个匹配的CSS规则
.addCheckbox label, .addRadio label {
font-size: 15px;
}
编辑此内容并添加display:block
。
所以新的CSS将是
.addCheckbox label, .addRadio label {
font-size: 15px;
display: block;
}
现在通过取消选中display:block
来禁用新添加的CSS,然后您可以看到完美呈现的表单。
所以我用相同的CSS获得不同的渲染。任何人都有任何线索如何解决这个问题?
最初使用Chrome在Windows 7上使用相同的CSS工作正常,直到最近有人指出它。
浏览器信息:Windows 7上的Chrome 24.0.1312.57
答案 0 :(得分:1)
从复选框类中删除float:left,我认为这里不需要它。 并使用margin-left调整Label标签。
此外,从这个类:.radio.inline,.checkbox.inline ...尝试删除display:inline-block并用填充和边距控制li和span。为了记住我,请尝试使用display:block作为记住我的标签。
希望它有所帮助。