定位 tumblr 帖子（默认居中）？

Question

这是我的tumblr页面，我在将帖子从页面中心移动到页面右侧时遇到了麻烦...请轻推我一下或者什么的。显示它的屏幕截图

Answer 1

首先，我会使用“检查器”工具找到您想要设置样式的容器。在浏览器中的检查器工具中，我建议尝试一下事物的外观，以评估您希望网站的外观。

当您说希望帖子位于右侧而不是中心时，您可以通过以下方式执行此操作：

选择帖子的父容器 ( <article>)，您可以应用以下样式：

#content {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}

这会将整个 div#content 移至右侧。然后，您可以根据需要使用边距和填充来定位它。

如果您想<article>在 div#content 中移动单个帖子 ( )，您可以align-items: flex-end;从 div#content 中删除，然后使用article:nth-child() 选择器来定位特定帖子。如果你想将它们移到右边，你可以向它们添加align-self，如下所示：

#content article:nth-child(2) {

  align-self: flex-end;

}

您也可以使用float，但请记住，这会将元素从 DOM 的正常流程中删除，并且如果您没有使用此类样式元素的经验，可能会影响您网站的外观。这与使用相同position。