将材质图标与Materialize上的文本对齐

最近,我开始着手一个项目,其中包含一个带有一些字段的表,我想通过图标侧面的ECS添加一些材质设计图标。看看这张图片,你可能会明白

:

我尝试了所有方法,垂直对齐、内联(-block)、flex,以及在堆栈溢出中可以找到的所有方法。所以不,它不是复制品,我真的需要帮助。
多谢各位

我有同样的问题时间最长,但找到了一个对我有效的解决方案。首先,为要居中的图标指定一个自定义类。然后,添加一个底部垂直对齐和一个匹配或小于其旁边文本的字体大小。另外,不要在图标类名中指定图标大小。让我知道这是否适合你

CSS:

.inline图标{
垂直对齐:底部对齐;
字体大小:18px!重要;
}

HTML:

<p>“您的文字在此显示”<i class=“内联图标材质图标”>警告&lt/i&gt&lt/p>

发表评论