7
为什么width：100％在div {display：table-cell}上不起作用？
我正在尝试将某些内容垂直和水平居中放置在图像幻灯片（flexslider）上。这个问题也有类似的问题，但是我找不到直接适用于我的特定问题的令人满意的解决方案。由于FlexSlider的限制，我无法position: absolute;在实现中在img标签上使用。 我几乎在工作下面有解决方法。唯一的问题是我无法inner-wrapper通过display: table-cell属性将该宽度和高度声明用于div 。 这是标准行为，还是我的代码中缺少某些内容？如果这是标准行为，那么对我的问题最好的解决方案是什么？ 的HTML <ul> <li> <img src="#"> <div class="outer-wrapper"> <div class="inner-wrapper"> <h1>My Title</h1> <h5>Subtitle</h5> </div> </div> </li> </ul> 的CSS html, body { margin: 0; padding: 0; width: 100%; height: 100%; } ul { background: #CCC; height: 100%; width: 100%; list-style-position: outside; margin: 0; padding: 0; } …