html - 悬停但继承了宽度和高度时，将文本放在div上居中

我有以下代码：http://jsfiddle.net/LW9DJ/1/

现在，我希望覆盖文本显示居中（当前正在工作），但是我不希望CSS类“ mycell”具有设置的width或height属性，我希望它们从“ 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>

最佳答案

您应该将样式设置为auto的left-margin和right-margin属性。当您将自动值分配给这两个属性时，div将位于中心。

关于html - 悬停但继承了宽度和高度时，将文本放在div上居中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20775585/