如何在由 HtmlAgilityPack 创建的 HTML 中居中图像答案

【问题标题】：How can I center a image in a HTML created by HtmlAgilityPack如何在由 HtmlAgilityPack 创建的 HTML 中居中图像
【发布时间】：2018-06-20 07:15:24
【问题描述】：

我有一个使用 HtmlAgilityPack 创建的非常简单的 HTML 文档，其中嵌入了图像；（base64 格式）

Public Report As New HtmlDocument()

Dim html As String = "<!DOCTYPE html>
<html>
<body>
<img src=""data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAADICAIAAADwajORAAAAAXNSR0IArs4c6QAAAARn"" alt=""Red dot"" align=""middle""/>
</body>
</html> "

    Report.LoadHtml(html)
    WebBrowser1.DocumentText = Report.Text

图片显示在左边，我想水平居中，怎么做？

（由于明显的原因，实际的base64图像被缩短了）

【问题讨论】：

Making image align center of screen in html的可能重复
我希望它是一个重复的 Mortb，如何使用 HtmlAgilityPack 将它嵌入到我的 c#/vb.net 代码中？
html 字符串中包含所有“页面 html”。您可以将所需的 css 放入您在 <body> 标记顶部插入的 <head><style> 标记中。像这样：（例如，使用其他答案中的真实代码）<body><head><style>html, body { ... }</style></head>....

标签： c# html vb.net html-agility-pack

【解决方案1】：

我正在寻找的答案是：

使用 HtmlAgilityPack，您可以将 CCS 嵌入到 HTLM 中，如下所示：

       Dim html As String = "<!DOCTYPE html>
<html>
<body>
<head><style>html, body {
height: 100%;
margin:0;
padding:0;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;

}
</style></head>
<div>
    <img src=""data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAADICAIAAADwajORA"" alt=""Red dot"" class=""center""/>
</div>
</body>
</html> "

感谢 Mortb 为我指明了正确的方向。

【讨论】：

我不确定您是否真的需要 HtmlAgilityPack？似乎 html 是在您传递给 HtmlDocument.LoadHtml(html) 的字符串中组成的，然后您使用 HtmlDoucment.Text 属性提取（相同？）字符串？我怀疑可以将原始字符串直接传递给WebBrowser1 控件，例如：WebBrowser1.DocumentText = html

【解决方案2】：

给出图片风格

img{

        display:block;

        margin:auto;
}

或者你可以把图片放在一个 div 标签内，然后给这个 div 样式：

div{

       width:; ==> give it any width you want

       height:; ==> give it any height want

       margin:auto;
}

【讨论】：

【解决方案3】：

在 HTML 图像中，图像的行为类似于文本，因此要使图像水平居中，您真正需要做的就是在其周围添加一个 div，它将所有文本居中：

<div style="text-align: center">
    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANUAAADICAIAAADwajORAAAAAXNSR0IArs4c6QAAAARn" alt="Red dot"/>
</div>

不需要特殊的 CSS 解决方法。

【讨论】：