css - 实现次要内容不会正确垂直对齐

Question

我下载了materialize SASS文件夹和JS文件夹，放到我的文件里。大多数事情都在工作。

当我尝试在集合中使用辅助内容时，按钮与描述不一致，这里的其他人也遇到了同样的问题，但从未得到解决方案。

这是我的代码：

<li className="collection-item">
  <div>
    <h5>{email}</h5>
    <button
      className='secondary-content'
      onClick={e => handleClick(e, email, onDelete)}>Delete</button>
  </div>
</li>

该按钮位于其余部分下方

根据图像。

如果我在 div 中使用 valign-wrapper，它会垂直对齐，但会失去浮动右对齐！

我怎样才能既垂直对齐又向右对齐，因为我认为这是次要内容的预期行为？

标签： cssreactjssassmaterialize