TA貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊
首先，我會(huì)使用“檢查器”工具找到您想要設(shè)置樣式的容器。在瀏覽器中的檢查器工具中，我建議嘗試一下事物的外觀，以評估您希望網(wǎng)站的外觀。
當(dāng)您說希望帖子位于右側(cè)而不是中心時(shí)，您可以通過以下方式執(zhí)行此操作：
選擇帖子的父容器 ( <article>)，您可以應(yīng)用以下樣式：
#content {
display: flex;
flex-direction: column;
align-items: flex-end;
}
這會(huì)將整個(gè) div#content 移至右側(cè)。然后，您可以根據(jù)需要使用邊距和填充來定位它。
如果您想<article>在 div#content 中移動(dòng)單個(gè)帖子 ( )，您可以align-items: flex-end;從 div#content 中刪除，然后使用article:nth-child() 選擇器來定位特定帖子。如果你想將它們移到右邊，你可以向它們添加align-self，如下所示：
#content article:nth-child(2) {
align-self: flex-end;
}
您也可以使用float，但請記住，這會(huì)將元素從 DOM 的正常流程中刪除，并且如果您沒有使用此類樣式元素的經(jīng)驗(yàn)，可能會(huì)影響您網(wǎng)站的外觀。這與使用相同position。
舉報(bào)