2

相同的来源,没有区别,但垂直对齐仅适用于 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。谢谢。

4

2 回答 2

5

可能是因为 Quirksmode?

添加文档类型!

于 2013-04-15T11:12:40.643 回答
1

为什么要将样式添加到input? 它什么也没做。有input一个type="checkbox"属性。因此text-align:center;有点奇怪,因为里面永远不会有文本。甚至vertical-align财产也不属于那里。复选框内没有任何东西可以对齐...

您将使用 CSS 代码来对齐中间跨度中的所有内容。检查这个 jsFiddle。我删除了“样式”属性,它仍然很好用。

于 2013-04-15T12:31:55.067 回答