【问题标题】：AnythingSlider: Vertical align middle text任何滑块：垂直对齐中间文本
【发布时间】：2013-09-04 12:38:48
【问题描述】：
我正在使用AnythingSlider JQuery 内容滑块，并且很难尝试将一段文本垂直居中。我尝试了以下方法，但不起作用。
<li>
<div style="display:table-cell; vertical-align:middle;">
<h1> THIS IS A TEST!! </h1>
</div>
</li>
【问题讨论】：
标签：
jquery
html
javascript
anythingslider
【解决方案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;
}