使用带有 CSS 的材料图标,我有以下代码呈现带有图标和文本的链接。
<a href="#"><i class="material-icons">group_work</i>Groups</a>
正如您在下图中看到的,文字似乎在下沉。我希望它们垂直居中对齐。我怎样才能做到这一点?
附言。 (不是设计师!)
原文由 Vijay Chavda 发布,翻译遵循 CC BY-SA 4.0 许可协议
使用带有 CSS 的材料图标,我有以下代码呈现带有图标和文本的链接。
<a href="#"><i class="material-icons">group_work</i>Groups</a>
正如您在下图中看到的,文字似乎在下沉。我希望它们垂直居中对齐。我怎样才能做到这一点?
附言。 (不是设计师!)
原文由 Vijay Chavda 发布,翻译遵循 CC BY-SA 4.0 许可协议
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<a href="#" class="grey darken-4 btn"><i class="material-icons left">group_work</i>Groups</a>
原文由 Sagar Pednekar 发布,翻译遵循 CC BY-SA 3.0 许可协议
3 回答1.4k 阅读✓ 已解决
3 回答2.9k 阅读✓ 已解决
4 回答1.4k 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答1.6k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
4 回答1.5k 阅读
要垂直居中元素,您可以使用
vertical-algin: middle;
规则。在您的情况下,这很可能是:这是您的深色按钮的示例: