WinForms WebBrowser控件<table>后<br>标签无效问题及根治方案咨询

问题根源 #

WinForms自带的WebBrowser控件默认使用旧版IE渲染引擎，它对浮动元素（align="left"会触发表格浮动）和<br>的处理逻辑与现代浏览器（Edge/Chrome）存在差异：旧IE里单个<br>无法清除浮动，导致后续内容直接紧跟在浮动表格后方，而现代浏览器会自动处理这种布局冲突。

根治方案（无需修改原HTML文件） #

1. 强制WebBrowser调用最新IE渲染模式

通过修改注册表，让你的应用程序强制WebBrowser使用最新版IE的渲染标准，从底层对齐现代浏览器的行为：

• 打开注册表编辑器（运行regedit），定位对应路径：
  • 32位系统：HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
  • 64位系统：HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
• 新建DWORD值，名称设为你的应用程序.exe文件名（如YourApp.exe），值设置为对应IE版本的代码：
  • IE11（推荐）：11001（强制IE11标准模式）
  • IE10：10001
• 重启应用程序后生效，此时WebBrowser的渲染逻辑会接近Edge，原HTML中的<br>即可正常换行。

2. 动态注入CSS修复浮动清除

在WebBrowser加载HTML完成后，通过代码自动注入自定义CSS，强制解决浮动元素的换行问题：

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 注入CSS规则：让带align="left"的表格保持浮动，同时让<br>清除左侧浮动
    string fixCss = @"
        table[align=""left""] {
            float: left;
        }
        br {
            clear: left;
            display: block;
            height: 0;
            margin: 0;
        }
    ";
    HtmlElement styleNode = webBrowser1.Document.CreateElement("style");
    styleNode.SetAttribute("type", "text/css");
    styleNode.InnerText = fixCss;
    webBrowser1.Document.Head.AppendChild(styleNode);
}

这段代码会自动为所有带align="left"的表格添加浮动样式，并让<br>具备清除左侧浮动的能力，无需手动修改任何原HTML文件。

3. 替换为Chromium内核控件（彻底解决兼容性）

如果上述方案仍有局限，可以直接替换WinForms自带的WebBrowser控件为基于Chromium内核的第三方控件，比如CefSharp：

• 通过NuGet安装CefSharp.WinForms包
• 在窗体中添加CefSharp.WinForms.ChromiumWebBrowser控件替代原WebBrowser
• 加载HTML文件时，其渲染行为与Chrome完全一致，从根源上消除这类IE兼容性问题

测试验证 #

使用上述任意方案后，你的测试HTML代码在WebBrowser中会和Edge/Chrome表现一致：表格下方的<br>会正常产生换行，"Test string here."会显示在表格的下方区域。

内容的提问来源于stack exchange，提问作者AnonymousKKYY