如何使用html & css对齐MSO Word文档的页脚文本左右？

2uluyalo 于 2022-12-02 发布在其他

关注(0)|答案(1)|浏览(211)

我在这个问题上困了很长时间。任何帮助都是感激不尽的。提前感谢。
所以我应该在我的办公室（Word文档），其格式从xhtml模板中提取。目前，我正在尝试设置页脚的格式，使报告的名称在左侧，页码在右侧，并在同一行上。我可以在相对的两侧获得文本，但是我在同一行上无法取得两段文字。可能是Word呈现html的方式造成的吧？我似乎无法理解。
下面是提供给我的默认代码：

<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>

Html

来源：https://stackoverflow.com/questions/70627507/how-to-align-footer-text-left-and-right-of-mso-word-document-using-html-css

1条答案

按热度按时间

8yoxcaq71#

不与office一起工作的Floats只像这样放置表代码。

<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）回复(0）举报 2022-12-02

我来回答

如何使用html & css对齐MSO Word文档的页脚文本左右？

1条答案

相关问题

热门标签

最新问答