Question

这是我在WinForms应用程序中使用的HTML代码：

<html>
<head>
<style>
    #vif {
    margin:20px 5px 5px 5px;
    background-color:#888;
    }
    #inf li {
    margin-left:40px;
    color:#fff;
    }
    #inf {
    margin-top:15px;
    padding-bottom:15px;
    display:inline-block;
    }
</style>
</head>
<body>
<div id="vif">
    <div id="inf">
        <li>Hello!</li>
    </div>
</div>
</body>
</html>

当我个人保存并使用IE9进行显示时，它可以正常工作，但当WebBrowser使用它时，margin-top上的#inf未应用。为什么？是不是我使用的IE相同？相同的代码显示不同！

正确的渲染应该有一个带有边缘的灰色框，白色文本应该固定在中间。

如何使用WebBrowser正确显示？

Answer 1

将以下内容添加到HTML标题部分：

<meta http-equiv="X-UA-Compatible" content="IE=9" >

Answer 2

如果问题确实是兼容性，请参阅this question：

WebBrowser控件将使用您安装的任何IE版本，但出于兼容性原因，默认情况下它将以IE7标准模式呈现页面。

如果您想利用新的IE9功能，则应在HTML网页的<meta http-equiv="X-UA-Compatible" content="IE=9" />标记内添加元标记<head>。

WebBrowser样式在WinForms中无法正确应用

2 个答案: