粘贴到Microsoft Word时生成悬挂缩进的HTML

时间:2013-12-27 21:44:33

标签: html css ms-word indentation text-indent

我正在创建一个生成格式化文本的网页,然后将其复制并粘贴到Microsoft Word 2010中。一切正常,但我必须支持悬挂缩进。我发现使用带margin-left: 1cm; text-indent: -1cm;的CSS生成悬挂缩进的方法。这在页面上工作正常,但在复制到单词时不起作用,因为margin-left部分丢失了。

因此,所有段落的起始行都向左移动,而不是所有其他段落向右移动。

示例(放入HTML文件,然后从Firefox复制到Word):

<div style="margin-left: 1cm; text-indent: -1cm;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum eu nunc ut nunc dictum molestie.
Ut et porttitor leo, at tincidunt neque. 
Integer vulputate sed odio nec aliquam.</div>

修改:修正了拼写错误

1 个答案:

答案 0 :(得分:0)

自我回答,正如我在写完问题后想出来的那样。

关键是使用p标记而不是div。无论出于何种原因,它都可以工作。如果您想自己测试一下,请查看我写的demo

<p style="margin-left: 1cm; text-indent: -1cm;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum eu nunc ut nunc dictum molestie.
Ut et porttitor leo, at tincidunt neque. 
Integer vulputate sed odio nec aliquam.</p>