CSS'de Metni Yeni Bir Satıra Nasıl Sarılır

Web tasarımı sırasında uzun metinler kontrol edilemez görünebilir. Ama aynı zamanda kaçınılmaz olabilirler ve bazen sınırları aşarlar. Bu, kullanıcı dostu olmayan gereksiz bir taşma ile gevşek bir Belge Nesne Modeli (DOM) oluşturabilir.

Ama işte iyi haber: Bu kadar uzun metinleri CSS kullanarak yeni bir satıra sararak halledebilirsiniz. Burada size uzun, kesintisiz metinleri CSS ile nasıl saracağınızı göstereceğiz.

CSS Metin Sarma Nasıl Çalışır?

CSS, dahili kullanarak uzatılmış uzun kelimeleri işler sözcük kaydırma veya taşma sarma Emlak.

paypal kullanmak için 18 yaşında olmak zorunda mısın

Ancak, kontrol edilmediğinde, tarayıcılar bu tür uzun metinleri varsayılan olarak işler. Bunu yapmak için talimat alana kadar uzun kelimeleri sarmazlar.

İlgili: DOM Hakkında Bilmeniz Gerekenler

Daha önce bahsedilen iki ana CSS özelliği aynı şekilde çalışır ve bunları birbirinin yerine kullanabilirsiniz. Ancak, dört değeri veya sözdizimini kabul ederler:

ara kelime : Bu, tarayıcıya uzun bir metni yeni bir satıra kaydırmasını söyleyen gerçek CSS sözdizimidir.
normal : Her kelimeyi bir DOM içindeki normal ayırma noktalarından keser. Uzun dizelerde etkisi yoktur.
ilk : Varsayılan tarayıcının dizeleri işleme şeklidir. Gibi normal sözdizimi, uzun kelimeleri bozmaz.
miras : Alt öğeye ebeveyninin özelliğini devralmasını söyler. Ama yine de uzun metinlerle çalışmıyor, sizin uygulamanız dışında ara kelime ana öğeye.

CSS Word Wrap Kullanarak Uzun Kelimeler Nasıl Kaydırılır

Kelimeleri CSS ile yeni bir satıra sarmak kolaydır ve çalışması için hantal CSS ince ayarları gerektirmez.

Örneğin, uzun h2 aşağıdaki örnek resimdeki metin kabının içindeki metin sınır çizgisini geçiyor:

kullanarak bir sonraki satıra nasıl sarabileceğimizi görelim. sözcük kaydırma CSS özelliği:

HTML :

  
This-div-contains-the-long-h2-lorem-text-demonstrated-in the image above

CSS :

.wrap-it{  
word-wrap: break-word;  
}

uzun sardıktan sonra h2 örnek resimdeki metin, işte çıktı:

Bu kadar! Artık kelimeleri CSS kullanarak DOM'unuz içinde yeni bir satıra nasıl kaydıracağınızı biliyorsunuz.

hangi yemek dağıtım hizmeti en ucuz

İlgili: CSS Seçicileri Kullanarak Bir Web Sayfasının Bir Kısmını Hedefleme

Ancak, daha önce belirtildiği gibi, sözcük kaydırma ve taşma sarma aynı şekilde çalışır ve benzer özellikleri kabul eder.

Kullanmak taşma sarma bunun yerine, sadece değiştirin sözcük kaydırma Bununla.

Bir Web Sayfasındaki Kelimeleri Sarmak Önemlidir

Metinleri sarmak, web sayfanıza daha fazla estetik katmanın yanı sıra DOM'yi sıkıştırır. İçerik bölümünüze ne gireceğini siz kontrol etseniz bile, kullanıcılar metin kapsayıcınıza veya tüm DOM'nize uymayan bağlantılar veya başka kelimeler gönderebilir.

Bu nedenle, DOM'u sağlam tutmak için böyle bir bölüme metin sarma uygulamak gereklidir.

bir hdmi sinyalini iki monitöre bölebilir misiniz

Paylaş Paylaş Cıvıldamak E-posta Duyarlı Web Siteleri Oluşturmak için HTML ve CSS'de Medya Sorguları Nasıl Kullanılır?

Web sitenizin mobil cihazlarda harika görünmesini mi istiyorsunuz? CSS'de medya sorgularının nasıl kullanılacağını öğrenmenin zamanı geldi.

Sonrakini Oku İlgili konular

Programlama
CSS
Belge Nesnesi Modeli

Yazar hakkında Idisou Omisola(94 Makale Yayımlandı)

Idowu akıllı teknoloji ve üretkenlik konusunda tutkulu. Boş zamanlarında kodlamayla uğraşıyor ve canı sıkılınca satranç tahtasına geçiyor ama arada sırada rutinden kopmayı da seviyor. İnsanlara modern teknolojinin yolunu gösterme tutkusu onu daha fazla yazmaya motive ediyor.

Idowu Omisola'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın