Javascript 距页面底部的恒定距离

我有一个Django应用程序，使用wkhtmltopdf生成pdf文档。我有一个部分，如下面的代码。我想在每一面上正好有4个文本（对象）。但每个人都不一样，文本的排列也不平衡。CSS没有帮助。怎么做

<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:50px;">
    <h3>{% trans 'In progress' %}</h3>
    {% for worked_on in worker.worked_on.all %}
            <tr>
                <td width="33%" align="left" valign="top">&nbsp;</td>
                <td width="67%" class="project-name">
                    //CONTENT
                </td>
            </tr>
            <tr>
                <td class="project-image" width="33%" align="left" valign="top">
                    //CONTENT
                </td>
                <td class="project-description" valign="top">
                    //CONTENT
                </td>
            </tr>
            {% if forloop.counter|divisibleby:"4" %}
                <tr>
                    <td class="project-description" style="margin-bottom:80px;">
                        <div style="page-break-after: always;"></div>
                    </td>
                </tr>
            {% endif %}
    {% endfor %}
</table>

{%trans'正在进行'%}
{worker.worked_on.all%}
//内容
//内容
//内容
{%if-forloop.counter |可除数为：“4”%}
{%endif%}
{%endfor%}

可能重复的“请勿多次询问同一问题”代码被剪断的位置。查看示例所需的滚动次数更少