2017-05-26 102 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

這工作,謝謝。 –