Zauważyłem przed chwilą błąd w wyświetlaniu długich wierszy.
Zdjęcie z przeglądarki Chrome 34.0.1847.131
, taki sam efekt jest na FF.
Zauważyłem przed chwilą błąd w wyświetlaniu długich wierszy.
Zdjęcie z przeglądarki Chrome 34.0.1847.131
, taki sam efekt jest na FF.
n0name_l napisał(a):
Zauważyłem przed chwilą błąd w wyświetlaniu długich wierszy.
To pisz haiku.
Dzięki za zgłoszenie. Poprawka już została podegrana.
Hm, teraz jest za to tak, że łamie wiersz w środku normalnego słowa. I wychodzą "b-azy danych" albo "bac-kupy" albo co gorsza "gramatycznyc-h".
Hmmm, niedobrze. Ma ktoś pomysł jak można to poprawić? Ja dodałem word-break: break-all;
ale rzeczywiście jak napisał @Ktos, łamie to również tekst wewnątrz wyrazów, co jest oczywiście pożądane w przypadku dłuuugiego wyrazu, ale w przypadku normalnego tekstu nie sprawdza się :/
Ciekawie jest w Operze 12.14.
@bogdans - jest już Opera 12.17 i na niej też dobrze łamie:
podobno display: table-cell;
pomaga :P inni piszą, że word-wrap:break-word;
word-wrap
już jest użyte. display: table-cell
nie pomaga :(
To co jest obecnie to jest katastrofa.
Korzystając z http://4programmers.net/Forum/Webmastering/120751-Zawijanie_dlugich_wyrazow?p=433588#id433588
Może takie coś?
$text = 'to jest jakiś tam tekst z dłuuuuuuuuuuuuuuugim wyraaaaaaaaaaaaazem trololo';
$result = preg_replace_callback('/\b\S{11,}/si', function($m) {return wordwrap($m[0], 10, '<wbr>', true);}, $text);
efekt: to jest jakiś tam tekst z dłuuuuuuu<wbr>uuuuuuuugi<wbr>m wyraaaaaaa<wbr>aaaaaazem trololo
W takim razie wycofałem te zmiany. Problem pozostaje nierozwiązany :(
Dlaczego nierozwiązany? A to co wyżej jest złym pomysłem?
Kiedys potrzebowalem i dzialalo
Taki maly haczek
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
zastosowane do kontentu lamie takie dlugie ciagi ale nie wyrazy.
@szalonyfacet: hmm, wypróbowałem takiego rozwiązania jakie mi podsunąłeś (póki co dla znacznika <pre>
). Zobaczymy jak to się sprawdzi w praktyce :)