填充底部在生成的文档中不起作用答案

【问题标题】：Padding bottom is not working in generated document填充底部在生成的文档中不起作用
【发布时间】：2019-09-02 17:54:15
【问题描述】：

我在大学管理最终的 viva 表，我想提供总的客户端/vanilla JS 解决方案，用于教师生成最终的 viva 表。

TinyMCE 一切顺利，但在生成的 docx 文件中的一个 HTML 表格单元格中，我需要将其设置为底部对齐，但它总是有一些空间/边距/填充，我可以手动删除，但不在代码中。我尝试过使用 CSS 边距、填充、行高等，但都是徒劳的。只是由于这个问题，我的进一步工作才停止。这里是 JS Fiddle 链接，请查看

if(x===7) { c.style.verticalAlign="bottom"; c.style.fontSize="8pt"; 
    c.style.paddingBottom="0";    
    c.style.margin="0 0 0 0";
    }

JS Fiddle Link

在编辑器中看起来不错，但在下载的文件中却没有（点击转换按钮下载文件）

问题在于生成的文档中的文本：“Teacher Two Name”。因为它下面总是有一些填充或空间

在代码里面，在第145行，请帮忙

这是我得到的

这就是我需要的

【问题讨论】：

请检查小提琴并帮助
教师二名表格单元格下没有空格。它位于底部
它在下载的文件中，请点击转换按钮
我点击了转换并打开了生成的文件。而且那个单元格的底部仍然没有空间。
我用图片更新了 OP，请检查

标签： javascript css tinymce docx

【解决方案1】：

我看不到它下面的任何填充。检查您的屏幕分辨率。我使用的是 1920 x 1080

【讨论】：

这是问题先生，在编辑器中没有填充，但是点击转换按钮，它将下载一个Word文件，该文件包含我正在谈论的填充，对不起，因为我没有指出它在OP中，我现在已经更新了
我点击了转换按钮，它下载了文件。我在单元格中看到垂直和水平居中的“老师两个名字”文本。它看起来很完美。您不想在单元格中垂直居中吗？
我实际上在“Teacher Two Name”下有一个空格，在 MS Word 中显示为段落间距，我可以手动删除

【解决方案2】：

我在同事的帮助下解决了，诀窍是在我的 JS 数组中添加文本“Teacher Two Name”为："<p style='display:inline; margin:0px'>Teacher Two Name</p>"，现在效果很好

它甚至解决了我之前妥协的另一个小问题，即在我的 JS 代码中，我无法在生成的 docx 文件中为表格的最后一行应用精确的 12pt 字体大小（无论我输入的数字是 12.5 还是 13 但不完全是 12pt，所以我使用了相同的解决方案来应用字体size inline 并且它也解决了这个问题：

<p style='font-size: 12pt;'>SomeStudentID (Some Info) 9:55 AM</p>

感谢所有宝贵的帮助

【讨论】：