猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
定位 tumblr 帖子(默认居中)?
这是我的
tumblr
页面,我在将帖子从页面中心移动到页面右侧时遇到了麻烦...请轻推我一下或者什么的。
显示它的屏幕截图
慕工程0101907
浏览 85
回答 1
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。
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
Html5
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续