如果我使用 DOT 和 doxygen，如何更改由 graphviz 创建的图形的 HTML 中的位置？答案

【问题标题】：How can I change the position in my HTML of the created graph by graphviz if I am using DOT & doxygen?如果我使用 DOT 和 doxygen，如何更改由 graphviz 创建的图形的 HTML 中的位置？
【发布时间】：2011-10-09 04:48:21
【问题描述】：

我在 doxygen 中使用 dot 和 Graphviz 来创建我的 HTML 代码的用户手册。 doxygen 代码看起来有点像这样：

/**<br>
 *@addtogroup MainProgram 
 *     @dot
 *          digraph G { 
 *                      Main    [label = "Main()"];
 *                      START   [label = "Start"];
 *                      FINISH  [label = "Finish"];
 *
 *                      START -> Main;
 *                      Main  -> FINISH;
 *                    }
 *        
 *     @enddot
 */

这当然会生成一张漂亮的图片。不幸的是，图片在 HTML 页面中没有按照我想要的方式显示。它始终以页面为中心。我希望对齐在页面的左侧。生成的 HTML 代码如下所示：

<div align="center">
<img src="inline_dotgraph_2.dot.gif" alt="inline_dotgraph_2.dot" border="0" usemap="#inline_dotgraph_2.dot.map">
<map name="inline_dotgraph_2.dot.map" id="inline_dotgraph_2.dot.map"></map>
</div>

谁能帮帮我？它要么是 doxygen 问题，要么是 graphiz/dot 问题。我似乎找不到答案。

谢谢，

莫里斯

【问题讨论】：

标签： doxygen graphviz dot

【解决方案1】：

您可以通过在 doxygen 配置文件中将 CSS 文件分配给 HTML_EXTRA_STYLESHEET 来自定义 html 布局：

HTML_EXTRA_STYLESHEET = myStyle.css

.image
{
   text-align: left;
}

【讨论】：

正如@doxygen 提到的，图像被嵌入到<dev align="center"> 元素中——因此上述解决方案不起作用。

【解决方案2】：

Doxygen 生成导致居中的

部分，因此这是一个 doxygen 问题。

如果 doxygen 为 div 使用一个类会更好，这样您就可以通过自定义样式表自定义布局（doxygen 支持通过 HTML_STYLESHEET 进行自定义）。我建议为此在错误跟踪器中提交错误报告（请参阅https://bugzilla.gnome.org/enter_bug.cgi?product=doxygen）。

【讨论】：

这怎么过时了？当前的 Doxygen (1.8.12) 仍然可以。包含参考资料会有所帮助 - 在 cmets 中也是如此。

【解决方案3】：

创建 HTML 输出后，在文本编辑器中打开 doxygen.css 文件。

搜索和编辑以下内容：

.image
{
        text-align: center;
}

将“中心”更改为“左”。

用这个新文件替换以前的 doxygen.css。

接下来重新加载由 doxygen 生成的 index.html 文件。（突出显示地址栏中的内容并按回车键）。

图像将左对齐。

【讨论】：

不建议更改 "doxygen.css" 文件。而是通过 HTML_EXTRA_STYLESHEET 使用单独的自定义 CSS 文件，如 user2689108 的回答中所述。