2015-04-22 8 views
10

Teraz pracuję nad projektem, w którym użytkownicy mogą tworzyć własne linie czasu. Każda oś czasu zawiera zdarzenia. Wystąpił problem z tytułem wydarzenia.Właściwe dzielenie się wiadomościami za pomocą CSS i JS

Użytkownik może utworzyć wydarzenie z bardzo długim tytułem. Na przykład:

`12312312312312312312312313211233123213133gsfsfsfsdfserwerwerwerwesdfsdf` 

lub

День победы русской эскадры под командованием Ф.Ф. Ушакова над турецкой эскадрой у мыса Тендра 

tytułów wyświetlaczy z H3 i word-break: break-wszystkie

Przykłady: enter image description here enter image description here

Przypuszczam, że po raz pierwszy przykład działa wystarczająco dobrze. Ale drugi przykład narusza zasady dzielenia wyrazów.

Czy jest jakaś wtyczka, która pomoże? A może odpowiednie reguły CSS?

Odpowiedz

7

Wykorzystanie w css. istnieje różnica między czasem, w którym używane jest dzielenie wyrazów i zawijanie słów. Więcej informacji można znaleźć w dokumentacji i StackOverflow odnośnik

h3 { 
    word-wrap: break-word; 
} 

dokumentów: W3school

Stackoverflow

+0

Proszę, nie używaj w3school jako odniesienie: http://www.codecademy.com/forum_questions/50ec111ed13434dd5b002d4e Również: http://www.w3fools.com/ –

+0

To tylko forum, nie przeszkadzało mi to. W3school jest podstawą do nauki wszystkich tutoriali dla początkujących. –

+4

@ A.Rama, proszę wyjaśnić własnymi słowami, dlaczego nie powinniśmy odnosić się do W3C. –