如何在框架中的按钮中添加图标7.

Question

我是框架7的初学者。我正在尝试在按钮元素中插入图标。我想在标签的左侧设置图标。我已经部分达到了我的目的。

   <a class="button button-fill button-round button-small color-   gray" href="#"  id="add_field_button" style="float: left;"><i class="material-icons ">add_circles</i>Add</a>

我在这里放了一个演示。

https://jsfiddle.net/ad72krqv/1/

提前谢谢你

Answer 1

添加此 CSS

.button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.button > i {
    width: 24px;
    margin-right: 5px;
}

工作演示的JSFiddle链接