Question

我正在制作Textastic网站的新版本，以便将有趣的东西放到我的投资组合中。我在将图像置于中心时遇到了问题。在图像上我有以下样式：

.download {
    display: block;
    margin: 0 auto;
}

图像移动，但只向右移动一点，而不是在中心。有人可以看看来源并帮我解决这个问题，并告诉我它为什么会发生？

P.S这可能是一件简单的事情，原谅我缺乏经验:)。

Answer 1

您的上一个.author元素float: right;与您的图片冲突。例如，您可以在图片前添加一个div clear: both;，它会阻止.author发生冲突。

BTW，不需要像width: 100%;这样的块元素设置div，因为这是他们的默认行为。

漂浮物有时可能是痛苦的**。将文字与右侧对齐的更简单，更合理的方法是将text-align: right;设置为.author并将其设为p或div。