Question

我无法将这些隐藏的图像集中在div中。我希望显示的图像居中，缩略图位于下方？

这里是小提琴：http://jsfiddle.net/rabelais/mj7ba/1/

.displayed-image img {
height: 200px;
position: absolute;
top: 10px;
text-align: centre;
}

.thumbnails {
 position: absolute;
 top: 250px;
 text-align: centre;
}

Answer 1

首先：text-align属性应该应用于块容器，然后它将使该容器的内联内容居中。您永远不应将其应用于图像，因为图像通常是内联元素，并且永远不会成为容器。

第二：绝对定位元素会使其脱离正常流量，因此无法正常对齐。

第三：大多数计算机语言使用美国英语，而不是标准英语。中心拼写为center。

你需要更多的东西：

.displayed-image {
    text-align: center;
}

.displayed-image img {
    height: 200px;

}
.thumbnails {
    text-align: center;
}
.thumbnails img {
    height: 70px;
    border: 1px solid;
}

Answer 2

这是工作示例。

容器存在问题。

Js fiddle

Answer 3

留。它会起作用。

.displayed-image img {

    height: 200px;
    position: absolute;
    top: 10px;
    text-align: centre;
    margin-left:200px;
}
.thumbnails {
    position: absolute;
    top: 250px;
    text-align: centre;
    margin-left:200px;
}

如果您需要任何其他帮助，请告诉我。

不能在div中居图像？

3 个答案: