Tag: flexslider的

为什么宽度：100％不工作div {display：table-cell}？

我试图垂直和水平居中一些内容覆盖图像幻灯片（flexslider）。 有一些类似的问题，但我找不到一个令人满意的解决scheme，直接适用于我的具体问题。 由于FlexSlider的限制，我不能使用position: absolute; 在我的实现img标签。 我在下面的工作几乎有解决方法。 唯一的问题是，我无法获得宽度和高度的声明，以display: table-cell属性的inner-wrapper div。 这是标准的行为，还是我错过了我的代码？ 如果这是标准的行为，我的问题最好的解决scheme是什么？ 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; } […]