Saya dapat menggunakanmx-auto
类,但是尽管我的myContainerFixed
类成功显示高度固定,但我无法使my-auto
kelas untuk bekerja.
.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%) }
return ();
Ia mempunyai kaitan dengan paparan: blok (lalai) elemen atas (myContainerFixed).
Sebagai contoh, memberikan paparan: flex; akan membetulkannya
Saya mengesyorkan mengalih keluar mx-auto dan my-auto dan menggunakan atribut flex untuk meletakkan borang