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.
Çalışır, ancak w3 geçerli değil. – Phliplip
@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. –
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). –