2015-05-26 18 views
5

Küçük bir sorunla karşı karşıyayım. Bunu çözemiyorum. Güzel bir uygulama oluşturmak için harika İyonik çerçeveyi kullanıyorum. liste öğeleriyle çalışmaya çalışıyorum. ben metin için maksimum genişlik ayarı ediyorum ve testi sonraki satıra atlamak istiyorum, bu böyle görünüyorsa ben word-wrap: break-word;Max-width metin nasıl yapılır ve bir sonraki satıra atla

benim metin kullanıyorum, çalışmıyor:

enter image description here

Metnin sonraki satıra atlamasını istiyorum. İşte

geçerli: CODEPEN CODE + DEMO

+0

Gerçekten, bir şey yapmanıza gerek olmamalıdır. H3 etiketinizde maksimum genişlik ayarlarsanız, varsayılan olarak birden çok satıra bölünmelidir: http://codepen.io/anon/pen/jPVmdr – Vlad

cevap

6

Beyaz-uzaydan varsayılan iyonik CSS üzerine yazmak gerekir: No-wrap

.item h3 { 
    white-space: normal !important; 
} 

Codepen

Çıktı

Normal wrap

Fakat özel bir CSS dosyasını kullanmaya ve kullanmaktan kaçınmak için iyonik CSS'den sonra yüklemeye çalışacağım! Önemli

1

Ara boşluk için beyaz boşluk özelliğinin üzerine yaz ve kenar boşluğu ve kenar boşluğu ekleme metni ortala sağ otomatik;

a.item h3 { 
    margin-left: auto; 
    margin-right: auto; 
    white-space: normal; 
} 

Codepen

İlgili konular