将 glyphicon 居中放置在一个 div 中

Question

17

我需要将一个 glyphicon 垂直和水平居中在一个 div 中。

以下是代码：

<div class="container">
<div class="item">
    <span class="glyphicon glyphicon-text-width"></span>
</div>

CSS：

.container{
width: 600px;
margin: 0 auto;
border: 1px solid #000;

}

.item{
width: 150px;
height: 150px;
border: 1px solid #ddd;

}

.item span{
font-size: large;

}

- Sarvagnya

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- dgnin · Accepted Answer

你需要添加这个：

。

.item{
    ...
    text-align: center;
}
.item span{
    ...
    line-height: 150px;
}