如何使用 html 在表格单元格中使用列表项？

Question

如何在表格中使用有序列表，其中每个单元格将定义一个列表项。喜欢 .

无法先定义列。所以我尝试做类似的东西。 （这不是我需要的。我只是尝试了一些东西，因为我不知道如何做像第一张图片这样的事情。）

使用此 Html 代码：

    <table cellspacing="0" border="1">
        <ol type="1">
            <tr>
                <th>Heading 1</th>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ol>

        <ul type="square">
            <tr>
                <th>Heading 2</th>
                <td>
                    <li> data</li>
                </td>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ul>

        <ol type="A">
            <tr>
                <th>Heading 3</th>
                <td>
                    <li> data</li>
                </td> 
                <td>
                    <li> data </li>
                </td>
                <td>
                    <li> data </li>
                </td>
            </tr>
        </ol>
    </table>

现在我很困惑，如何在每个单元格中使用有序或无序列表的

<li>

使其成为列表视图？

Answer 1

我认为您不能将表格单元格放入列表中。在每个单元格中，您必须放置一个有序或无序列表，但这不会自动编号到表格的下一行。您可以这样做，并手动指定下一个数字，或者制作一个 3 列的表格，第一行是标题，第二行有 3 列，每列是一个列表，并使用样式在每个元素之间放置一条水平线，表格单元格的长度和间距，因此看起来像是闭合了单元格。但是，如果您有一些列表元素为一行和一些为两行，则此方法将不起作用。我认为你不能做你想做的事。对不起。