TA貢獻2019條經驗 獲得超9個贊
首先，我會使用“檢查器”工具找到您想要設置樣式的容器。在瀏覽器中的檢查器工具中，我建議嘗試一下事物的外觀，以評估您希望網站的外觀。
當您說希望帖子位于右側而不是中心時，您可以通過以下方式執行此操作：
選擇帖子的父容器 ( <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。
舉報