Question

我在表格中有2个表单，我希望将其包含在列表中，子弹必须仅出现在第一个元素中。我应该在哪里放置<li>标签？谢谢

<ul class="ul_arrow">
    <li>
        <form .....>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <td></td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <t></td>
                </tr>
            </table>
        </form>

        <form ...>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <td></td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <t></td>
                </tr>
            </table>
        </form>
    </li>
    <li><a href="index.jsp"><fmt:message key="text.back" /></a></li>
</ul>

Answer 1

您可以使用CSS执行所需操作。正确的CSS将是这样的：

.bulletPrefix {
    display: list-item;
    list-style-type: circle;
}

使用HTML：

<span class="bulletPrefix">There will be a bullet prefixing this line</span>

通常，您应该避免将表用作列表，就像您似乎正在做的那样。您应该使用s作为列表。您似乎也使用s作为分隔符或其他东西。你应该使用's'。

Answer 2

标记看起来很奇怪，但是如果你只想要一个包含两个元素的列表并且只有第一个元素是项目符号，那么只需使用一段CSS即可从后者中删除子弹。一种简单的方法是将style属性放入后一个<li>标记：

＆＃13;

<ul class="ul_arrow">
    <li>
        <form .....>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <td></td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <t></td>
                </tr>
            </table>
        </form>

        <form ...>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <td></td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" width="445px">
                <tr>
                    <td> :</td>
                    <t></td>
                </tr>
            </table>
        </form>
    </li>
    <li style="list-style-type: none"><a href="index.jsp"><fmt:message key="text.back" /></a></li>
</ul>

＆＃13;

HTML列表元素 - 表单中的表格

2 个答案: