2017-05-26 42 views
0

我正在使用materializecss。我有一个浮动按钮,它工作正常,它会显示在底部右侧,下面的代码:如何在屏幕左侧对齐/显示物化大小浮动按钮?

<div class="fixed-action-btn click-to-toggle"> 
<a class="btn-floating btn-large yellow accent-3"><i class="material-icons">menu</i></a> 
<ul> 
    <li><a class="btn-floating red" href="#disclaimer"><i class="material-icons">announcement</i></a></li> 
    <li><a class="dropdown-button btn-floating blue" href="#state_selection"><i class="material-icons">language</i></a></li> 
    <li><a class="btn-floating red" href="#"><i class="material-icons">email</i></a></li> 
    </ul> 
</div> 

我想有靠左对齐按钮。在底部相同的高度,而不是在右侧,在屏幕的左侧 。我已经尝试过改变:

<div class="fixed-action-btn click-to-toggle"> 

到:

<div class="fixed-action-btn click-to-toggle left-align"> 

同时也:

<div class="fixed-action-btn click-to-toggle left"> 

和无那些作品。按钮继续在右侧。

如何将按钮对齐到左侧?

回答

1

,你可以尝试添加另一个类,做anithing这样的:

 .left-button{ 
     left: 23px; 
     right: auto; 
     } 

然后将HTML

 <div class="fixed-action-btn click-to-toggle left-button"> 
+0

这工作,谢谢。 –

相关问题