AnythingSlider：中间文本垂直对齐

Question

我正在使用AnythingSlider JQuery Content滑块，并且很难将文本垂直居中放置。 我尝试了以下方法，但是不起作用。

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

Answer 1

您的锂电池有固定的高度吗？ 如果是这样，您可以尝试使用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;
}