列表格式 - 不同项目符号之间的文本对齐方式

时间:2017-09-07 06:32:40

标签: html list formatting

截至目前,我在LaTex中完成了所有报告,直到最近才开始使用HTML(出于多种原因)。我正在寻找的是文本格式的HTML解决方案。问题如下:在N个项目符号列表中,每个项目符号应以这种方式格式化:

bullet#1 [text-of-length1]< - space - > [text-of-length2]

bullet#2 [text-of-length3]< - space - > [text-of-length4]

4个长度可能不同,但我希望文本[length2]和[4](每个项目符号中的第2个文本部分)从空间中的同一点开始。

在LaTex中解决了一个包含文本第一部分的特定大小的盒子,从而推动子弹的第二部分仅在此框之后开始。 我尝试在表格单元格中编写每个文本并部分工作,但现在文本未与项目符号对齐(就好像单元格已对齐但文本稍微偏离了设置,vspace =" bottom&# 34;没有帮助)。

<ul style="list-style-type:square">

<li><table style="display:inline"><tr><td width="100">test</td><td>test</td>
</tr></table></li>

<li><table style="display:inline"><tr><td width="100">test2</td>
<td>test2</td></tr></table></li>

</ul>

有什么想法吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

尝试将样式vertical-align: baseline;设置为表格单元格。这将使表格单元格内容与子弹对齐。

td {
    padding: 1;
    vertical-align: baseline;
}

<style type="text/css">
    td {
        padding: 1;
        vertical-align: baseline;
    }
</style>

<ul style="list-style-type:square">
    <li>
        <table style="display:inline">
            <tr>
                <td width="100">test test test test<br/>test</td>
                <td>test</td>
            </tr>
        </table>
    </li>

    <li>
        <table style="display:inline">
            <tr>
                <td width="100">test2</td>
                <td>test2</td>
            </tr>
        </table>
    </li>
</ul>