为什么 before-topic-progress outlet 要用 \u003cspan\u003e 包裹？

开发
1

我正尝试向移动时间线容器中添加内容。

该容器中有两个出口。

before-topic-progress 和 after-topic-progress。

before-topic-progress 被 <span > 包裹，我不明白为什么。:thinking:

该容器不是内联的，我看不出为什么应该强制将一个 span 包装在这个出口周围。它没有任何明显的用途，并且干扰了我们自己的内容布局。例如，如果我们想插入一个按钮，该按钮将无法与其它元素的高度匹配，因为它被这个 span 包裹着：

image

我看不到解决此问题的优雅方法。最直接的方法是使用类似以下的代码：

#topic-progress-wrapper > span:first-child {
    display: flex;
  }

但是，如果多个插件或组件使用相同的出口，强制对父元素应用 flex 可能会破坏其它内容的样式（我认为这是一种边缘情况）。

如果这个 span 没有用途，能否从这个文件中移除它？

2 个赞
2

是的，我认为我们可以删除它，如果我没记错的话，添加这些 <span> 是因为它更接近旧版出口（outlets）的行为。我们已经根据具体情况删除了相当一部分，因为正如你所经历的，它们往往会碍事。

将在以下位置完成：

3 个赞