定位 tumblr 帖子(默认居中)?

这是我的tumblr页面,我在将帖子从页面中心移动到页面右侧时遇到了麻烦...请轻推我一下或者什么的。

显示它的屏幕截图


慕工程0101907
浏览 85回答 1
1回答

慕少森

首先,我会使用“检查器”工具找到您想要设置样式的容器。在浏览器中的检查器工具中,我建议尝试一下事物的外观,以评估您希望网站的外观。当您说希望帖子位于右侧而不是中心时,您可以通过以下方式执行此操作:选择帖子的父容器 ( <article>),您可以应用以下样式:#content {&nbsp; display: flex;&nbsp; flex-direction: column;&nbsp; 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) {&nbsp; align-self: flex-end;}您也可以使用float,但请记住,这会将元素从 DOM 的正常流程中删除,并且如果您没有使用此类样式元素的经验,可能会影响您网站的外观。这与使用相同position。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5