html - 为什么 Vertical Align 在 jsfiddle 上工作

标签 html css

相同的来源,没有区别,但 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。谢谢。

最佳答案

可能是因为 Quirksmode?

添加文档类型!

关于html - 为什么 Vertical Align 在 jsfiddle 上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16013671/

相关文章:

jquery - 使用CSS更改背景PNG的颜色

javascript - IE edge 多打印一页但 Chrome 不打印

html - Paragraph Span Class 和 h3 是相同的十六进制代码,但显示为不同的颜色

html - 水平 div 对齐

javascript - 使用 jQuery 从输入获取关联数组

html - Firefox 在 div 后生成额外空间,重新加载时清除

jquery - 如何根据选项使用 jquery 将类添加到下拉列表

html - 悬停转换 CSS 中的抖动

javascript - 如何使用 "for loop"更改变量名称?

Javascript - 在特定按钮前面加载微调器