当悬停但是继承了宽度和高度时div上的中心文本

Question

我有这段代码：http://jsfiddle.net/LW9DJ/1/

现在我希望叠加文本显示为居中（目前正在工作）但我不希望css类'mycell'设置宽度或高度属性，我希望它们继承自'container'类。

这是因为我将在响应式网站中实现这一点，“容器”类的宽度和高度会自动更改。

<div class="container">
    <img src="http://i.imgur.com/o7iAFMu.jpg" class="test" />
    <div class="overlay">
            <div class="mycell">Some Text</div>
    </div>
</div>

Answer 1

你应该制作样式的左边距和右边距属性，auto。为这两个属性分配自动值时，div将位于中心。