boleh menjadi cabaran dalam CSS. Kaedah tradisional seperti "atas: 50%" dan "vertical-align: middle" selalunya terbukti tidak berkesan.
tanpa ketinggian tetap. Walaupun jadual sering diketepikan untuk reka letak, ia cemerlang dalam pemusatan menegak dan pengurusan kandungan sebelah menyebelah.
Pemusatan Menegak Berasaskan Jadual
Sebagai contoh, perkara berikut Kod HTML dan CSS menunjukkan pemusatan menegak menggunakan jadual:
#outer { height: 200px; border: 1px solid black; width: 600px; background-color: #DDD; }
#inner { width: 150px; border: 1px solid red; background: yellow; margin: auto; line-height: 100%; }
Penyelesaian ini boleh dipercayai dan meluas disokong.
Kelemahan Pemusatan Menegak CSS Tulen
Pemusatan menegak CSS tulen selalunya melibatkan teknik kompleks seperti div bersarang dengan kedudukan relatif dan mutlak. Kaedah ini boleh menyusahkan dan terdedah kepada pepijat.
Angkasawan CSS lwn. Pragmatis
Sesetengah pembangun menyokong reka letak CSS tulen, walaupun jadual menyediakan lebih ringkas dan berkesan penyelesaian. Mengejar kesempurnaan CSS ini boleh membawa kepada kejuruteraan berlebihan dan mengurangkan kecekapan.
Kesimpulan
Walaupun CSS ialah alat yang berkuasa, ia mempunyai had. Untuk susun atur kompleks berpusat menegak dengan ketinggian yang berbeza-beza, jadual kekal sebagai pilihan yang berdaya maju. Pragmatisme harus mengatasi dogma dan pembangun harus menggunakan penyelesaian yang paling sesuai untuk keperluan mereka.
