Html 如何使div中的新行显示为表

我有以下HTML标记：

<div style="display:table;">
    <span style="display:table-cell; vertical-align:middle;"></span>
    <a style="display:table-cell;"><span></span></a>
    <span style="display:table-cell; vertical-align:middle;"></span>
</div>

---

我想要的是，我的最后一个跨距应该显示在新行上。

若要将其换行，请将其设置为p标记：

   <div style="display:table;">
        <span style="display:table-cell; vertical-align:middle;"></span>
        <a style="display:table-cell;"><span></span></a>
        <p style="display:table-cell; vertical-align:middle;"></p>
    </div

要将其换行，请将其设置为p标记：

   <div style="display:table;">
        <span style="display:table-cell; vertical-align:middle;"></span>
        <a style="display:table-cell;"><span></span></a>
        <p style="display:table-cell; vertical-align:middle;"></p>
    </div



请尝试此代码。并从父div中删除display:table单元格



弗斯特
第二跨


小孩
请尝试此代码。并从父div中删除display:table单元格



弗斯特
第二跨


小孩
您使用
显示：表
，所以它的所有成员都显示在单元格中

所以，如果您希望在新行中显示最后一个span，您将从div中删除
表
，并简单地显示它



1.
2.


3.
您使用
显示：表
，所以它的所有成员都显示在单元格中

所以，如果您希望在新行中显示最后一个span，您将从div中删除
表
，并简单地显示它



1.
2.


3.
如果您必须使用这些内联样式，您仍然可以使用css来定位最后一个跨距，但您必须使用！重要的

div > span:last-of-type {
  display:table-row!important;
}

如果您必须使用这些内联样式，您仍然可以使用css来定位最后一个跨距，但您必须使用！重要的

div > span:last-of-type {
  display:table-row!important;
}

在span之前使用
是否足够？在span之前使用
。在span之前使用
是否足够。