我想要的是這些圓圈要中心對齊,我嘗試使用一些顯示行內塊但沒有影響它和一些其他屬性,使中心對齊,但我失敗picture of those circles 我在尋找對於這已經是一整天:s行中的元素要中心對齊
如何可以幫助我在這一個? 您的幫助將不勝感激。
謝謝
.menu{
width:70px;
height:70px;
border-radius:50px;
font-size:20px;
color:green;
line-height:100px;
background:#32C947;
overflow: hidden;
list-style-type: none;
margin-left: auto;
margin-right: auto;
display: table-cell;
vertical-align: middle;
}
.menu:hover{
color:#ccc;
text-decoration:none;
background:#333
}
<div class = "container">
<div class="row ">
<div class="col-md-12 ">
<h1 class = "_font ">All Plans Include</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Hello</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
<div class="col-md-1 ">
<a href="#" class="menu"></a>
<h1 class="_circle">Google Analytic</h1>
</div>
</div>
</div>
? –
我正在使用3.3.7 – Umer