Question

我的主页上有一个非常简单的幻灯片设置，使用jquery来淡化图像。

所有图片尺寸都不同，目前正在我页面的左侧对齐。我玩过CSS但不能让它们居中。

CSS是：

/#content {
    height: 100%;
    width:1000px;
    margin: 50px 10px 10px 230px;
    top: 10px;
    background-color: #fff;
}

/.slideshow { height: 450px; width: 974px; align: center; margin-left:auto; marginright:auto; margin-bottom:10px; margin-top:10px; }

/.slideshow img { padding: 0px; border: none; background-color: #fff }

HTML是：

div id='content' style="width:974"

div class='container'

div class="slideshow" style="margin-bottom:10px;"

a href="" img src="images/home/1.jpg"  align="absmiddle" /></a>
a href="" img src="images/home/2.jpg"  align="absmiddle" /></a>
a href="" img src="images/home/3.jpg"  align="absmiddle"/></a>
a href="" img src="images/home/4.jpg"  align="absmiddle"/></a>
a href="" img src="images/home/5.jpg"  align="absmiddle" /></a>
div

基本上，幻灯片div包含在内容div中。对于显示的图像，我只想让tm居中而不是左对齐。

任何想法??

（对不起，如果我提交代码的方式非常混乱！）

由于

Answer 1

在.slideshow css规则中：

align: center;

应该是

text-align: center;

Answer 2

添加

display:block;
margin:auto;

到slideshow img

幻灯片div中的图像对齐

2 个答案: