Question

我是angularJs和web app devlopment的新手。只是想了解角度及其属性的浮动按钮（http://nobitagit.github.io/ng-material-floating-button/）。这是相同的小[plunkr][1]（http://plnkr.co/edit/4eFxqSg21U5ZR5H59rdK?p=preview）。我试图修改plunkr以实现上述提示。

1.调整按钮垂直dsitance的因素

2.方法添加自定义PNG而不是＆＃34; ion-ios-star＆＃34;

为了控制dstance，我试图改变它的余量，因为它从来没有用过，而且控制图标我仍然没有线索。

请求一些指导

Trail - 1修改mfb.css

  list-style: none;
  margin: 0;
  padding: 0; }
  .mfb-component__list > li {
    display: block;
    position: absolute;
    top: 0;
    right: 1px;
    padding: 30px 0; //changed padding from 0 - 60 does not give any effect
    margin: -10px 0; 
   // (From 0 to 60*) Yes it had effect on distance between main menu and first child element.
//However, none of the other available give margin in the  class is giving effect
}

Answer 1

每个<li>元素之间的垂直距离由以下css选择器处理。 .mfb-component__list > li表示选择<li>类子元素的所有.mfb-component__list个元素。您可以更改该选择器的填充和边距，以更改图标之间的垂直间距。
可以通过替换自己的自定义glyphicon或css类的.ion-ios_##类来删除plunkr中内置的字形图标。您可以在此处使用background-image来设置自定义png。或者你甚至可以在HTML中嵌入和图像。

控制角度mfb菜单的边距和图标

1 个答案: