Javascript 导致换行的列表元素中的表

我有一个简单的片段：

<ul>
    <li>
        <table>
            <tr>
                <td>construct</td>
                <td>
                    <button>-</button>
                </td>
            </tr>
        </table>
    </li>
</ul>

建造
-

问题是，当在chrome中查看时，

会显示两行而不是一行

在

标记之前的

中似乎添加了一个新行/换行符，因此没有显示：

* <table>

*

它显示：

*
<table>

*

如果有道理的话

---

我已经尝试了许多显示风格组合，但似乎无法找到为什么会发生这种情况？我知道这与删除缩进标记/列表样式有关，

列表样式类型：none

，

将在一行上正确显示，但在使用缩进标记时，我无法使其工作？

默认表样式前面有一个换行符，您可以使用CSS覆盖它

table {
    display: inline-table;
    vertical-align: text-top;
}

请注意，

display:inline块和
显示：内联表但对于简单的样式，它似乎具有相同的效果



默认表格样式前面有一个换行符，您可以使用CSS覆盖它

table {
    display: inline-table;
    vertical-align: text-top;
}

请注意，
display:inline块和
显示：内联表但对于简单的样式，它似乎具有相同的效果



尝试将以下规则添加到表的css样式中（我建议在标记中使用id或类来区分它与其他表元素）

下面是演示


表格{
显示：内联表；
垂直对齐：中间对齐
}


建造
-

尝试将以下规则添加到表的css样式中（我建议在标记中使用id或类，以将其与其他表元素区分开来）

下面是演示


表格{
显示：内联表；
垂直对齐：中间对齐
}


建造
-

好吧，伙计们，一如既往。。。没有yz就做不到

下面是我将要粘贴在我的通用css文件中的内容：

li > table{
    display:inline-table;
    vertical-align:top;
}

有5个可用的垂直：

1，顶部。

2，文本顶部。

3，中间。

4，底部。

5、文本底部

尽管[1&2]和[4&5]实际上是相同的，但它们都会将表和标记相对于
Ok guys对齐，一如往常。。。没有yz就做不到

下面是我将要粘贴在我的通用css文件中的内容：

li > table{
    display:inline-table;
    vertical-align:top;
}

有5个可用的垂直：

1，顶部。

2，文本顶部。

3，中间。

4，底部。

5、文本底部

尽管[1&2]和[4&5]实际上是相同的，但它们都会将表格和标记相对于
对齐，所以您已经一针见血了：“默认表格样式前面有一个换行符”。。。现在我们只需要一个更好的方法来删除它，因为建议的方法会使列表中的标记和表格位置不正确……很抱歉，我没有测试多行，就像@repzero所说的那样，使用
vertical align:text topcss属性你应该能够解决你在标记中看到的问题。好的，你已经一针见血了：“默认表格样式在它前面有一个换行符”。。。现在我们只需要一个更好的方法来删除它，因为建议的方法会使列表中的标记和表格位置不正确……很抱歉，我没有测试多行，就像@repzero所说的那样，使用
vertical align:text top
css属性您应该能够修复您看到的标记问题。