Bagaimana untuk Menjajarkan Teks ke Kanan dalam Pengaki Flex?

Teks Kedudukan Kanan dalam Pengaki Flex Menggunakan Sifat Flex

Apabila cuba menjajarkan teks ke kanan dalam bekas fleksibel menggunakan sifat apungan , anda mungkin menghadapi masalah. Ini kerana sifat apungan tidak disokong dalam bekas flex.

Menurut spesifikasi flexbox, "float and clear jangan buat terapung atau pelepasan item flex, dan jangan bawa ia keluar dari aliran. " Sebaliknya, ia mewujudkan "konteks pemformatan fleksibel" baharu untuk kandungannya, yang bermaksud terapungan diabaikan dan jidar tidak runtuh dengan kandungan bekas.

Untuk teks kedudukan kanan dalam pengaki ditetapkan kepada paparan fleksibel, gunakan sifat flex sebaliknya. Sifat justify-content boleh digunakan untuk menjajarkan elemen secara mendatar dalam bekas. Contohnya, dalam coretan kod yang disediakan:

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

Kod ini akan menyelaraskan rentang yang mengandungi teks "pautan foo" dalam elemen pengaki.

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

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Teks ke Kanan dalam Pengaki Flex?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!