我希望将文本垂直居中在一个盒子内。我不想使用 padding-top
,因为它对于任意长度的文本都不正确。我在这里发布了一个示例:http://jsfiddle.net/55Ruh/23/
我希望将文本垂直居中在一个盒子内。我不想使用 padding-top
,因为它对于任意长度的文本都不正确。我在这里发布了一个示例:http://jsfiddle.net/55Ruh/23/
<div class="bg_class">
<div class="bg_class_inner">
My text goes here...My text goes here...My text goes here...
My text goes here...My text goes here...My text goes here...
My text goes here...My text goes here...My text goes here...
My text goes here...My text goes here...
</div>
</div>
样式表:
.bg_class
{
background: green;
width: 300px;
height: 200px;
text-align: center;
margin: 0 auto;
display: table;
}
.bg_class_inner
{
display: table-cell;
text-align: center;
vertical-align: middle
}
bg_class
中使用右浮动和左浮动时,似乎无法正常工作。 - good_eveningfloat: left;
和margin: 0 auto;
吗? - radonys