首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用html和css对齐MSO Word文档的页脚文本?

如何使用html和css对齐MSO Word文档的页脚文本?
EN

Stack Overflow用户
提问于 2022-01-07 21:45:13
回答 1查看 306关注 0票数 0

在这个问题上被困了很久。任何帮助都是非常感谢的。提前谢谢。

因此,我应该生成来自xhtml模板的格式的报告(Word docs)。目前,我正在尝试格式化页脚,使报告的名称在左边,页码在右边和同一行。我可以得到相反的文本,但我有困难,在同一条线上的两段文字。也许这就是Word渲染html的方式?我好像搞不懂。

下面是给我的默认代码:

代码语言:javascript
复制
<div style='mso-element:footer' id='f1'>
<div style='mso-element:para-border-div;border:none;border-top:solid #005686 1.0pt;
mso-border-top-alt:solid #005686 .5pt;padding:1.0pt 0in 0in 0in; width:100%'>
<p class=MsoNormal align=right style='text-align:left;border:none;mso-border-top-alt:
solid #005686 .5pt;padding:0in;mso-padding-alt:1.0pt 0in 0in 0in'>
<span style='color:#005686'>
<!--REPORT-TITLE-->
</span>
<span style='float:right;color:#005686'>Page</span> 
<!--[if supportFields]><span style='color:#005686'><span
style='mso-element:field-begin'></span>PAGE \* MERGEFORMAT<span
style='mso-element:field-separator'></span></span><![endif]--> 
<span style='color:#005686;mso-no-proof:yes'>1</span>
<span style='color:#005686'> </span>
<!--[if supportFields]><span
style='color:#005686;mso-no-proof:yes'><span style='mso-element:field-end'></span></span><![endif]-->
<span style='font-size:10.0pt;color:#005686'>
<o:p></o:p>
</span>
</p>

</div>

<p class=MsoNormal>
<o:p>&nbsp;</o:p>
</p>

</div>
EN

回答 1

Stack Overflow用户

发布于 2022-01-31 17:44:04

浮子不使用office,只需像这样放置表代码即可。

代码语言:javascript
复制
 <div style='mso-element:footer' id='f1'>  <table style="width: 100%;" class="noborder">
        <tr>
            <td style="width: 50%;text-align: left;">
                <div style='mso-element:para-border-div;border:none;border-top:solid #005686 1.0pt;
            mso-border-top-alt:solid #005686 .5pt;padding:1.0pt 0in 0in 0in; width:100%'>
                    <p class=MsoNormal align=right style='text-align:left;border:none;mso-border-top-alt:
            solid #005686 .5pt;padding:0in;mso-padding-alt:1.0pt 0in 0in 0in'>
                        <span style='color:#005686'>
                            <!--REPORT-TITLE-->
                        </span>
            </td>
            <td style="width: 50%; text-align: right;">
                <span style='color:#005686'>Page</span>
                <!--[if supportFields]><span style='color:#005686'><span
                style='mso-element:field-begin'></span>PAGE \* MERGEFORMAT<span
                style='mso-element:field-separator'></span></span><![endif]-->
                <span style='color:#005686;mso-no-proof:yes'>1</span>
                <span style='color:#005686'> </span>
                <!--[if supportFields]><span
                style='color:#005686;mso-no-proof:yes'><span style='mso-element:field-end'></span></span><![endif]-->
                <span style='font-size:10.0pt;color:#005686'>
                    <o:p></o:p>
                </span>
                </p>
            </td>
        </tr>
    </table></div>



<style>
 //noborder css       
  .noborder,
    .noborder tr,
    .noborder th,
    .noborder td {
        font: 11pt "Calibri";
        border: none;
    }</style>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70627507

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档