如何右對齊 Flex 頁腳中的文字？

使用Flex 屬性在Flex 頁腳中右置文字

嘗試使用float 屬性在Flex 容器中右對齊文字時，您可能會遇到問題。這是因為 Flex 容器不支援 float 屬性。

根據Flexbox 規範， “float 和clear 不會創建Flex 項目的浮動或間隙，也不會使其脫離流動。”相反，它為其內容建立了一個新的“Flex 格式化上下文” ，這意味著浮動將被忽略，並且邊距不會與容器的內容一起折疊。

要在設定為 Flex 顯示的頁腳中調整文字的右側位置，請改用 flex 屬性。 justify-content 屬性可用於在容器內水平對齊元素。例如，在提供的程式碼片段中：

footer {
    display: flex;
    justify-content: flex-end;
}

此程式碼將右對齊頁腳元素中包含「foo link」文字的範圍。

<footer>
    <span>
       <a>foo link</a>
    </span>
</footer>

以上是如何右對齊 Flex 頁腳中的文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！