Pre etiketi içindeki metnin sayfadan taşma sorunu nasıl çözülür?

0

HTML sayfasında Pre etiketi içinde bulunan metin sayfadan taşıyor, div gibi taşıyıcının sınırlarını aşıyor. Metnin içindeki kelimenin içinde boşluk yoksa kelime parçalanıp satır başı olmuyor.  Pre etiketi içindeki kod bluğu sayfadan taşıyor. Bu sorunun çözümü nedir?

alattin alattin (10822)
2 ay önce sordu

Toplam 1 Cevap


0

Pre etiketi içindeki kod bloğunun taşıyıcıdan taşma sorununu çözmek için şu CSS kodunu kullanabilirsiniz:

pre {
    word-wrap: break-word;      
    white-space: pre-wrap;      
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;      
    white-space: -o-pre-wrap;   
         
}

Bu kod, Google Chrome, Opera, Mozilla Firefox ve Edge için geçerlidir. Pre etiketi içindeki metin bu kod ile artık sayfadaki taşıyıcının dışına çıkmayacaktır.

alattin alattin (10822)
2 ay önce cevaplandı

üyelik gerektirir

Cevap yazabilmek için üye girişi yapmalısınız.

Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol