如何为C# StringBuilder生成的HTML格式Word文件动态添加页脚页码

你遇到的问题根源在于Word对CSS计数器的支持有限，尤其是在mso-element:footer这类特殊容器中，CSS的counter-increment无法被Word正确解析为动态页码。要实现该功能，必须使用Word原生支持的域代码，Word打开时会自动解析这些域并生成正确的页码。

修改步骤： #

1. 移除无效的CSS计数器样式
   删除原来的.abc:before{ counter-increment: page; content: counter(page);}这行样式代码。

2. 在页脚插入Word页码域
   在页脚的<p class=headerFooter>标签内，替换原来的<div class=abc></div>，改用Word的PAGE域代码（如果需要显示总页数，可用NUMPAGES域）。注意在C#字符串中需要转义双引号。

修改后的完整代码示例： #

StringBuilder wordfile = new StringBuilder();

wordfile.Append("<html>");
wordfile.Append("<head>");
wordfile.Append("<style type='text/css'>");
wordfile.Append("@page Section1 {");
wordfile.Append(appSettingCache.GetValue("ExportPageMargin"));
wordfile.Append("size:8.5in 11.0in;");
wordfile.Append("mso-page-orientation:landscape;");
wordfile.Append("mso-header-margin:0.5in;");
wordfile.Append("mso-header: h1;");
wordfile.Append("mso-footer-margin:0.5in;");
wordfile.Append("mso-footer: f1;");
wordfile.Append("}");

wordfile.Append("div.Section1 {page:Section1;}");

wordfile.Append("p.headerFooter { margin:0in; text-align: center; }");
// 移除无效的CSS计数器样式
wordfile.Append("</style>");
wordfile.Append("</head>");
wordfile.Append("<body><div class=Section1>");

wordfile.Append("<table style='margin-left:50in;'><tr style='height:1pt;mso-height-rule:exactly'>");
wordfile.Append("<td>");
wordfile.Append("<div style='mso-element:header' id=h1>");
wordfile.Append("<p class=headerFooter>");

//Header content
wordfile.Append(headerImagePath);

wordfile.Append("</p>");
wordfile.Append("</div>");
wordfile.Append("&nbsp;");
wordfile.Append("</td>");

wordfile.Append("<td>");
wordfile.Append("<div style='mso-element:footer' id=f1>");
wordfile.Append("<p class=headerFooter>");

// 替换为Word页码域，显示"第X页"格式
wordfile.Append("第 <span style='mso-field-code: \"PAGE\"'></span> 页");

wordfile.Append("</p>");
wordfile.Append("</div>");
wordfile.Append("&nbsp;");
wordfile.Append("</td></tr></table>");
wordfile.Append("</div></body>");
wordfile.Append("</html>");

补充说明： #

• 如果需要显示“第X页，共Y页”的完整格式，只需修改页脚部分为：

  wordfile.Append("第 <span style='mso-field-code: \"PAGE\"'></span> 页，共 <span style='mso-field-code: \"NUMPAGES\"'></span> 页");
  

• Word的域代码会在文档打开时自动计算并渲染为实际页码，这是Word原生支持的动态内容方式，兼容性远优于CSS计数器。

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