Mengapa saya masih tidak dapat mencapai pemusatan menegak walaupun menetapkan ketinggian elemen induk?
P粉493534105
P粉493534105 2023-09-11 17:27:43
0
1
473

Saya dapat menggunakanmx-auto类,但是尽管我的myContainerFixed类成功显示高度固定,但我无法使my-autokelas untuk bekerja.

Contoh css

.mx-auto { margin-left: auto; margin-right: auto; } .my-auto { margin-top: auto; margin-bottom: auto; } .myContainerFixed { height: 90vh; } @screen lg { .myContainerFixed { height: 85vh; } } .w-max { width: max-content; }

Walaupun ini sememangnya bukan pilihan terbaik dalam kes ini, saya juga cuba menggunakan kedudukan mutlak dan itu juga tidak berjayaIni contohnya

.absoluteCenter { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }

Kod HTML

return ( 
{errors.name?.message}
{errors.email?.message}
) => Array.isArray(v) ? arrayToString(v) : v.split(",").map((weight) => Number(weight)) })} /> {/* */}
{errors.availableWeights?.message}
);

P粉493534105
P粉493534105

membalas semua (1)
P粉106711425

Ia mempunyai kaitan dengan paparan: blok (lalai) elemen atas (myContainerFixed).

Sebagai contoh, memberikan paparan: flex; akan membetulkannya

.myContainerFixed { display: flex; height: 90vh; }

Saya mengesyorkan mengalih keluar mx-auto dan my-auto dan menggunakan atribut flex untuk meletakkan borang

.myContainerFixed { height: 90vh; display: flex; justify-content: center; align-items: center; }
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!