HTML5'te aşırıya kaçma

İçindekiler
Öğelerin ve kapsayıcıların boyutlarında değişiklik yapma yoluna başladığımızda, her zaman ikisinin artık uyumlu olmadığı bir zaman gelir ve korkunç bir etki elde ederiz. taşma veya taşma, bir öğenin diğerinden daha büyük olması ve kabından düşmesi etkisinden başka bir şey değildir.
İçeriğine göre çok küçük olan ve taşma oluşturan bir öğenin klasik bir örneğini görelim, örnekler aracılığıyla her şeyi görmek daha kolay olduğundan, taşmayı kontrol etmemize yardımcı olan özellikleri görmeye devam etmeden önce bir tane görelim.
 Örnek

Pek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.


Önceki kod, tarayıcıda aşağıdaki sonucu oluşturur:

Konteyner kutusunun kapasitesini geçmekle ilgili metni gördüğümüz gibi, bunu düzeltmek için özelliği kullanabiliriz. taşma, bu sorunu düzeltmeye devam etmeden önce özelliklere bakalım:

taşma-x / taşma-y: Yatay veya dikey taşma davranışını belirlerler.

taşma: Önceki özelliği kullanmak için bir kısayoldur ve çalıştığı sıra taşma, taşma x, taşma y'dir.

Öğe ile kullanılabilecek özellikler taşma aşağıdaki gibidir:

araba: Bu değer, tarayıcıya ne yapılacağına karar verme sorumluluğunu verir, genellikle olan şey, öğe onu içeren taşmaya başladığında bir kaydırma çubuğunun gösterilmesidir.

gizlenmiş: İçerik taşmayan kısma kadar gösterilir, içeriğin geri kalanını gizler, kullanıcıya içeriğin geri kalanını görmesi için ne yapması gerektiğini söyleyen mekanizmalara sahip değildir.

içerik yok: Konteyner içinde barındırılamıyorsa, taşan içerik kaldırılır. Bu değer, en popüler tarayıcıların hiçbiri tarafından desteklenmiyor

görüntü yok: İçerik tam olarak görüntülenemiyorsa gizlenir. Bu değer, en popüler tarayıcıların hiçbiri tarafından desteklenmez.

taslak: Tarayıcı, kullanıcının kap içindeki taşan içeriği her zaman görmesini sağlayan bir kaydırma çubuğu oluşturur. Çubuk, görüntülenme şeklini tanımlamak için tarayıcıya ve sisteme bağlı olacaktır. Öğe taşmasa bile kaydırma çubuğu her zaman görünür olacaktır.

gözle görülür: Bu varsayılan değerdir. İçerik taşsa bile her zaman görüntülenir.

Artık bir taşmaya saldırmak için araçlara sahip olduğumuza göre, bunu nasıl uygulayabileceğimizi pratikte görelim, bunu göstermek için küçük bir koddan daha iyi bir şey değil:
 Örnek

Pek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.

Pek çok farklı meyve türü vardır - tek başına 500'den fazla muz çeşidi vardır. Sayısız elma, portakal ve diğer bilinen meyveleri eklediğimizde binlerce seçenekle karşı karşıyayız.


nasıl yapıldığını göstermek için iki unsur kullandık. taşma, ilk önce mülkü yerleştiririz gizlenmiş taşmanın başladığı yere kadar sadece içeriğin gösterileceğini bildiğimiz yerde, gerisi gizlenir ve ikincisi için, öğenin taşıp taşmadığı bir kaydırma çubuğunun gösterileceği kaydırmayı kullanırız, sonucu görelim:

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.
wave wave wave wave wave