我有多列。每列中都包含在CSS中居中的字体awesome图标中的圆圈。现在我想将圆圈本身垂直居中于该列中。然而,它一直停留在左边,而文本本身则居中对齐。
HTML
<div class="features">
<div class="container">
<div class="columns is-mobile ">
<div class="column">
<div class="community">
<font-awesome-icon col size="2x" :icon="['fas', 'tasks']" />
</div>
Features
</div>
</div>
</div>
</div>
CSS
->CSS(层叠样式表)
.features {
background: #2a3a4c;
height: 200px;
}
.community {
width: 5rem;
height: 5rem;
background: linear-gradient(135deg, #b15757 0%, #b96868 100%);
border-radius: 100%;
text-align: center;
vertical-align: middle;
display: table-cell;
}