css - 如何在 CSS 中将一个图像置于另一个图像的中心

Question

我想将书籍图片缩略图及其标题/作者放在另一张图片上。需要一些时间才能让底部图像显示在段落文本下方而不是分解。既然我已经解决了这个问题，我不知道如何让书的图片回到它后面图片的顶部中心。所以，我只是想让那些缩略图集中在它们后面的白色图像之上。这是页面:mcs.athens.edu/~lgeorge1/books.html

编辑:现在我想知道如何使文本(作者/标题)在书籍图像下方居中。我会想到 text-align: center;会做的，但没有。这让我的强制症发疯了，哈哈。

还有我的代码:

div.thumbnail
{width: 250px;
text-align: center;
float: left;
margin: 0 10px 10px 0;
background: url(images/white2.jpg) no-repeat;
}
.thumbnail img
{margin: 30px 0 0 40px;
width: 150px;
border: 1px solid #777;
}
.thumbnail p
{margin: 0;
padding: 10px 30px 40px 10px;
background: url(images/white2.jpg) no-repeat 0 100%;
}
.clear{clear: left;}

Answer 1

请记住，当您想将非文本 block 居中时，请使用专门用于此目的的 margin:0 auto;。另外，如果你制作图像 display:inline-block 我想你可以使用 text-align:center
希望对您有所帮助。