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 (17095)
6 yıl ö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 (17095)
    6 yıl ö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