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

Question

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

我希望叠加文本居中显示(目前有效)，但我不希望 css 类“mycell”设置宽度或高度属性，我希望它们继承自“容器”类。

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

<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

您应该将样式的左边距和右边距属性设置为自动。当您为这两个属性分配自动值时，div 将位于中心。