AnythingSlider：垂直对齐中间文本

Question

我正在使用AnythingSlider JQuery内容滑块，并且很难尝试在一段文本中间垂直居中。我尝试过以下但不起作用。

<li>
    <div style="display:table-cell; vertical-align:middle;"> 
        <h1> THIS IS A TEST!! </h1> 
    </div>
</li>

Answer 1

你的li元素是否有固定的高度？ 如果是这样，你可以尝试使用CSS并添加“line-height :(与li相同的高度）”和“vertical-align：middle”。

（顺便说一下，我认为你不应该在li里面使用div）

工作示例：http://jsfiddle.net/jc7CE/

CSS：

li{
float: left;
height: 100px;
width: 100px;
line-height: 100px;
vertical-align: middle;
border: 1px solid red;
padding: 10px;
}