footerda ul li yapısında 4 link oluşturdum. lilerden önce before ile font awesome icon gösteriyorum. Fakat kullandığım her iconun boyutu bazen aynı olmuyor birinin genişliği daha büyükken diğerinin genişliği daha az oluyor. bu durumdan kaynaklan dolayı hemen sağındaki li listenin yukardan aşağı bakınca sırası kayıyor bu durumu elbette detaylara girerek çözebilrim fakat çok fazla css yazmadan basit bir çözümü var mı sormak istedim arkadaşlar. iyi çalışmalar

icon'un dışına bir span verip span'ın genişliğini örnek olarak %10 belirleyin. Span'a text center vererek ikonu ortalayabilirsiniz. Bu sayede tüm ikonların genişliği aynı olacaktır.

Font Awesome Icon Kayma Sorunu

25-08-2021, 07:58:35

#1

buddy

footerda ul li yapısında 4 link oluşturdum.
lilerden önce before ile font awesome icon gösteriyorum.
Fakat kullandığım her iconun boyutu bazen aynı olmuyor birinin genişliği daha büyükken diğerinin genişliği daha az oluyor.
bu durumdan kaynaklan dolayı hemen sağındaki li listenin yukardan aşağı bakınca sırası kayıyor bu durumu elbette detaylara girerek çözebilrim
fakat çok fazla css yazmadan basit bir çözümü var mı sormak istedim arkadaşlar. iyi çalışmalar
25-08-2021, 10:10:04

#2

FSahin

icon'un dışına bir span verip span'ın genişliğini örnek olarak %10 belirleyin. Span'a text center vererek ikonu ortalayabilirsiniz. Bu sayede tüm ikonların genişliği aynı olacaktır.