Çözüldü HTML/CSS'de tek satırdan fazla olunca tüm şıklar kayıyor

720718 · 9 Şubat 2024

HTML ve CSS ile bir soru oyunu yaptım. Oyun sonunda atlanan sorular filan var onları görüyoruz. Burada şıklar da beraberinde çıkıyor fakat şıklarda eğer 2 satırdan fazla bir şey varsa bütün şıklar aşağıya kayıyor düzeni bozuluyor. Bunları nasıl engelleyebilirim?

Olay için video: (İndirmeli bir şey değil)

Kayıt 2024-02-09 181730

www.veed.io

720718 · 9 Şubat 2024

halogong dedi:
Hocam biliyorsundur ama yine de hatırlatmakta fayda var. Tarayıcıda sağ tık yapıp denetle dersen, hangi elemente hangi CSS etki ediyor görebiliyorsun. Buradaki CSS'leri kurcalarsan belki neyin sorun oluşturduğunu görebilirsin.

Hocam satır artınca element kayıyor. Sorun bu zaten yaptım onu. Bunu engellememiz lazım kaydırmayacak şekilde display özelliği hakkında.

Düzenleme:

Hocam display: Flex yapınca düzeldi. Dediğim gibiymiş. Doğru tahmin etmişim. Teşekkürler herkese.

halogong · 9 Şubat 2024

Hocam biliyorsundur ama yine de hatırlatmakta fayda var. Tarayıcıda sağ tık yapıp denetle dersen, hangi elemente hangi css etki ediyor görebiliyorsun. Buradaki css leri kurcalarsan belki neyin sorun oluşturduğunu görebilirsin.

720718 · 9 Şubat 2024

halogong dedi:
Hocam biliyorsundur ama yine de hatırlatmakta fayda var. Tarayıcıda sağ tık yapıp denetle dersen, hangi elemente hangi CSS etki ediyor görebiliyorsun. Buradaki CSS'leri kurcalarsan belki neyin sorun oluşturduğunu görebilirsin.

Hocam satır artınca element kayıyor. Sorun bu zaten yaptım onu. Bunu engellememiz lazım kaydırmayacak şekilde display özelliği hakkında.

Düzenleme:

Hocam display: Flex yapınca düzeldi. Dediğim gibiymiş. Doğru tahmin etmişim. Teşekkürler herkese.

Çözüldü HTML/CSS'de tek satırdan fazla olunca tüm şıklar kayıyor

Ayrıntılı düzenleme

720718

Centipat

Kayıt 2024-02-09 181730

720718

halogong

Megapat

720718

Centipat

Benzer konular