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

alattin (17125) 6 yıl önce sordu

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?

Toplam 1 cevap


alattin (17125) 6 yıl önce cevapladı

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.