jquery - 任何滑块：垂直对齐中间文本

Question

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

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

Answer 1

你的 li 元素有固定的高度吗？如果是这样，您可以尝试使用 CSS 并添加“line-height: (same height as 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;
}