css - 将 div 中的字形居中

Question

这是 fiddle :http://jsfiddle.net/sarvagnya1/BLAXF/

我需要在 div 中垂直和水平居中一个字形。

代码如下: HTML:

<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;

Answer 1

你需要添加这个:

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

http://jsfiddle.net/BLAXF/1/