0

我有一个 div，它通过 jquery 被动态插入到另一个 div 中，就像这样

这是jQuery：

$('#portSecW div:not(".closeXbtn")').prepend('<div class="portSecRollOver"><div class="portSecInner"></div></div>');

这是常规的 HTML：

<div class="portThumbsL">
<a href="images/sitePortThumbs/2882.png"><img src="images/sitePortThumbs/2882.png" alt="2882films"/></a>
<div class="thumbTxtSmall">2882FILMS</div>

最终输出是这个

<div class="portThumbsL">
<div class="portSecRollOver"><div class="portSecInner"></div></div>
<a href="images/sitePortThumbs/2882.png"><img src="images/sitePortThumbs/2882.png" alt="2882films"/></a>
<div class="thumbTxtSmall">2882FILMS</div>

我这样做是为了让我拍摄的翻转效果动画等...在 portSecInner 的中间是插入其他动态内容的地方等...（只是文本） .portSecInner 的父级是 portSecRollOver 并且是绝对定位的。

所以我遇到的问题是在css中我有一个简单的

.portSecInner{ margin:0px auto !important;}

但它不居中...甚至不移动它。现在，当我手动定位它时，例如（边距：10px 20px）等，它会移动，但很明显，它不会使所有内容居中。

关于我能做些什么来纠正这个问题并使这个婴儿居中的任何想法？？？

4

2 回答 2

1

margin: 0 autowidth只有在为元素及其父元素设置 a 后才能工作，如下所示：

.portSecRollOver {
    width: 300px;
}
.portSecInner {
    width: 200px;
    margin: 0 auto;
}
于 2012-09-12T11:12:59.857 回答
1

<div class="portThumbsL">缺少结束标记。关闭它并尝试。

我猜 margin:0 auto 正在工作。检查这个演示http://jsfiddle.net/85s4j/1/

如果您不想固定宽度，请portSecInner添加，margin:0 25px;以便您可以将 div 置于父 div 的中心

于 2012-09-12T10:43:06.230 回答