Listeyi Dikey Alfabetik Olarak Sıralamak

Listeyi Dikey Alfabetik Olarak Sıralamak

Diye bir listemiz olsun. Bu listenin default görünümü soldan sağa alfabetik olacaktır yani şöyle (Default),

Bu liste ne kadar büyük olursa gözün okuması o kadar zorlaşacaktır. Bunu çözmenin yolu yukarıdan aşağıya alfabetik yapıp dikey olarak ilerlemektir. Bunu ul tagini bölmeden css ile yapmak için,

 

Yaptığı şey ul’ye bir yükseklik verip li’leri belirlediğiniz sütun genişliklerine (column-width) göre dizmek. Bu yöntem Internet Explorer’da düzgün çalışmamaktadır.  IE için aşağıdaki kodu eklemeniz yeterli olacaktır. Bu kod alfabetik dizmez ama düzgün görünmesini sağlar.

, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

About Bir Frontendci

Lead FrontEnd Developer, React - Node.js - Html - Css Blogger, Geology Engineer, Gamer, Foosball Player, A True Car Enthusiast..
View all posts by Bir Frontendci →

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.