需要幫助中心字體真棒圖標在我的引導列

這是我的代碼，我需要中心，內聯CSS的圖標：需要幫助中心字體真棒圖標在我的引導列

<div class="small-4 medium-4 large-4 columns"> 
    <i class="fa fa-check-square-o fa-lg"></i> 
</div>

來源

2017-04-04 Tate

text-align center parent div –

如果您正在使用bootstrap你應該只添加text-center類

<div class="small-4 medium-4 large-4 columns text-center"> 
    <i class="fa fa-check-square-o fa-lg"></i> 
</div>

否則你可以將此內聯CSS添加到您的父母div

text-align: center

因此，這將是：

<div style="text-align: center" class="small-4 medium-4 large-4 columns"> 
    <i class="fa fa-check-square-o fa-lg"></i> 
</div>

來源

2017-04-04 10:08:25

非常感謝你^^ – Tate

@Tate如果我的回答很有用，你可以按✔ –

添加下面的樣式，

.columns { 
    text-align: center; 
    }

來源

2017-04-04 10:13:10

給寬度圖標的div容器，並給予text-align:center到該div

<html> 
 
<head> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
    </head> 
 
    <div style="width:100%;text-align:center" class="small-4 medium-4 large-4 columns"> 
 
      <i class="fa fa-check-square-o fa-lg"></i> 
 
     </div><body> 
 
    
 
    </body> 
 
    </html>

您還可以添加 text-center類到集裝箱分區

來源

2017-04-04 10:14:42

需要幫助中心字體真棒圖標在我的引導列

回答

相關問題