如何使用HTML帮助研讨会将图片集中在HTML中

我正在使用HTML帮助研讨会来创建帮助文件。我的问题是，当我将图像集中在HTML中时，图片总是显示在CHM文件的最左边。但是我在Internet浏览器(Internet Explorer(的中间找到了图像。

我希望将图像放置在CHM文件和Internet浏览器的中心。这是我的html：

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<HTML>
   <HEAD>
      <meta name="GENERATOR" content="Microsoft&reg; HTML Help Workshop 4.1">
      <Title>Picture</Title>
   </HEAD>
   <style> 
      img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      } 
   </style>
   <BODY><img src="C:UsersLENOVODesktopcdhelpGraph.htm_Imagesimage.png" alt="Home Appliances Data " ;></BODY>
</HTML>

您需要使用e在<head>部分中添加以下行。G。您最喜欢的文本编辑器。

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

请注意，Windows 7上的IE9(以及主要浏览器的所有其他最新版本(都可以正确渲染您的内容中使用的内容。

不幸的是，如果您将内容进行操作，并通过HTML帮助研讨会编译器运行它，以生成CHM文件，则在同一台计算机上产生的输出看起来有些不同。请注意，CHM已有20岁了！

尽管页面显示和功能仍然可以在Microsoft Windows帮助查看器内工作，但所有额外的样式功能都消失了。即使在Windows 10 Home版本1903机器上进行了测试，该计算机已安装了IE11，该计算机应该能够呈现这些CSS功能。

今天使用您发布的原始HTML代码进行了测试，使用了我的机器上安装的FAR HTML和HTMLHELP研讨会。

在CHM文件中使用SVG也需要从上方添加<meta>标签。

以下问题给出了一个全面的答案：

什么是x-ua兼容;content =; ie = edge＆quot＆quot＆gt;做？

您可以尝试使用margin: 0 auto;而不是margin-left: auto;＆amp;margin-right: auto;

相关内容

最新更新

热门标签：