Question

相同的源，没有区别，但Vertical Align仅适用于jsfiddle。请帮我解答。这是HTML源代码，它不适用于Chrome：

<html>
<head>
    <title>Demo</title>
    <style>
        .checkboxOfField
        {
            display: inline-block;
            width: 100%;
            background-color: red;
            height: 40px;
            line-height: 40px;
        }
    </style>
</head>
<body>
    <span class="checkboxOfField">
        <input style="text-align: center; vertical-align: middle" type="checkbox" />
    </span>
</body>
</html>

这是jsfiddle链接：http://jsfiddle.net/UghzT/ 它适用于Chrome。感谢。

Answer 1

可能是因为Quirksmode？

添加文档类型！

Answer 2

为什么要将样式添加到input？它没有做任何事情。 input具有type="checkbox"属性。因此text-align:center;有点奇怪，因为里面永远不会有文字。即使vertical-align属性也不属于那里。对齐框内没有任何内容可以对齐...

您将拥有的CSS代码，以便在中间对齐跨度中的所有内容。检查this jsFiddle。我删除了'style`属性，但它仍然很有用。

为什么Vertical Align正在研究jsfiddle

2 个答案: