2010-06-22 25 views
6

birden hatlarda bölme değil benUzun dize IE

http://terra.cic.local/web/index.cfm//pm/uebersicht?sucheAufgeklappt=was%2Cwie%2Cwohin%2Cwann%2Cwer&sucheVon=&sucheBis=&sucheIstErsteSeiteAnzahlProdukteErmitteln=false&sucheIDReiseart=26&sucheHotelart=1081&sucheHotelart=1082&sucheIDLand=347&sucheRegion=214&sucheIstZeitlichFlexibel=true&sucheDauer=&sucheAnzahlErwachsene=2&sucheAnzahlKinder=0&sucheAnzahlPersonen=2&sucheAnzahlSchlafzimmer=&sucheEntfernungStrand=&sucheEntfernungSkilift=

bu bağlantıyı gibi büyük sorgu dizesi 700 piksel genişliğinde bir div görüntülenen yapıştırılır var. FF'de birden fazla hatta bölünecektir, ancak IE değil. Tamamlanmış dize tek satırda görüntülenir. ve sayfa düzenini kırın.

Herhangi bir öneriniz var mı?

Teşekkürler.

cevap

10

kullanma aşağıdaki stilleri:

.divideMe{ 
width:100px; 
word-wrap: break-word; 
} 

<div class='divideMe'>reallyreallyreallyreallyreallyreallylongstring</div> 

Bu çıkış hala çift (üçlü) tarafından seçim yapabilirsiniz yani gerçekten büyük kümeler halinde sözden yok rağmen

reallyreallyreally 
reallyreallyreallyl 
ongstring 

tıklayarak ediyorum . Tarayıcının bununla nasıl uyumlu olduğundan emin değilim, ancak elimdeki tarayıcılarda iyi çalışıyor gibi görünüyor. Bir CSS3 özelliği olduğunu unutmayın.

IE'de test 6,7,8 iyi çalışıyor. Aynı zamanda FF 3.6

Üzerinde bir başka çözüm de taşmaları gizlemek ve bir satırda tutmak istiyorsanız kaydırma çubuğunu göstermek olacaktır. Fakat ilk yaklaşımınız onu saklamak yerine bütün ipi göstermek olduğundan, bunun iyi bir yaklaşım olabileceğini düşünüyorum.

+0

Çalışır, ancak w3 geçerli değil. – Phliplip

+0

@Phliplip - [geçerli olacak] (http://www.w3.org/TR/css3-text/#word-wrap), ama [geçerli W3 doğrulayıcı] (http://jigsaw.w3.org/css-validator /) CSS 3 uyumluluğunu kontrol edemez. –

+0

Bu çözümün dezavantajı, molaların nerede görüneceğini kontrol etmenize gerek olmamasıdır. Cevabımda açıklandığı gibi '' öğesini kullanarak, URL'nin kesilmesini istediğiniz yerleri ayarlayabilirsiniz (ör. Her bir & n'den önce). –

0

Satır sonunda bir tireleme karakteri istiyorsanız, &shy; HTML öğesini kullanabilirsiniz.

Ancak, yalnızca bir satır sonu istiyorsanız, bağlantı metninizde <wbr> öğesini ekleyin. Quirksmode.org'da açıklanan tarayıcı tutarsızlıklarından haberdar olun.

Bu, bağlantı metnini bu kadar uzun bir URL'den daha anlamlı bir şeye değiştireceğimi söyledi.