Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] Łamanie tekstu w tabeli
Mody23
post 23.11.2011, 22:15:42
Post #1





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


Witam!

Załóżmy, że mam prosty kod:

  1. <tr>
  2. <td width="99px;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
    sssssssssssssssss</td>
  3. </tr>


Moje pytanie brzmi - jak zrobić, aby ten tekst sam się przełamał, jeśli jest ciągły, ale przekracza (w tym wypadku) 99px w szerokości? Da się to jakoś osiągnąć? Może być i w PHP.

Pozdr.
Go to the top of the page
+Quote Post
jacobson
post 23.11.2011, 22:25:47
Post #2





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

Ostrzeżenie: (0%)
-----


style=" word-wrap: break-word;" dodaj do td
Go to the top of the page
+Quote Post
Mody23
post 23.11.2011, 22:29:09
Post #3





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


Niestety nie daje to rezultatów businesssmiley.png
Go to the top of the page
+Quote Post
Sephirus
post 23.11.2011, 22:29:40
Post #4





Grupa: Zarejestrowani
Postów: 1 527
Pomógł: 438
Dołączył: 28.06.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


najlepszym sposobem chyba jednak jest PHP podczas wyświetlania czegoś takiego - masz lepszą kontrolę, którą możesz sparametryzować smile.gif

Jak się do tego zabrać - jeżeli chcesz podzielić tekst od tak to masz funkcję chunk_split()...

Jeśli chcesz to zrobić ładniej to należało by złamać tekst nie "krojąc" słów to pasowało by utworzyć funkcję, która zwracała by uwagę na zachowywanie całych słów.




--------------------
If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;)
Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka...
Go to the top of the page
+Quote Post
Kshyhoo
post 23.11.2011, 22:31:59
Post #5





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




CSS: text-wrap: suppress;


--------------------
Go to the top of the page
+Quote Post
Mody23
post 23.11.2011, 22:57:52
Post #6





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


@UP

to też nie rusza.
Go to the top of the page
+Quote Post
Kshyhoo
post 23.11.2011, 23:06:07
Post #7





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




Ja mam tak, i działa:
  1. text-wrap: suppress;
  2. overflow: auto;
  3. word-wrap: break-word;


--------------------
Go to the top of the page
+Quote Post
Mody23
post 23.11.2011, 23:18:46
Post #8





Grupa: Zarejestrowani
Postów: 276
Pomógł: 0
Dołączył: 30.06.2010

Ostrzeżenie: (10%)
X----


  1. <style type="text/css">
  2. .pisanie {
  3. text-wrap: suppress;
  4. overflow: auto;
  5. word-wrap: break-word;
  6. }
  7. <tr>
  8. <td class="pisanie" width="99px;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
    sssssssssssssssssssssssssssssssssssssssssss</td>
  9. </tr>


Efekt - tekst nadal jest ciągły :/
Go to the top of the page
+Quote Post
Damonsson
post 24.11.2011, 01:24:03
Post #9





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Jaja sobie robisz z forumowiczów? ;P

http://jsfiddle.net/sZCCa/

Samo "word-wrap: break-word" wystarcza, zobacz:

http://jsfiddle.net/sZCCa/1/
Go to the top of the page
+Quote Post
jacobson
post 24.11.2011, 06:38:32
Post #10





Grupa: Zarejestrowani
Postów: 468
Pomógł: 36
Dołączył: 14.12.2010

Ostrzeżenie: (0%)
-----


dokladnie na jsfiddle sprawdzalem i samo break-word dziala...
Go to the top of the page
+Quote Post
Niktoś
post 24.11.2011, 16:21:17
Post #11





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Cytat
Jaja sobie robisz z forumowiczów? ;P

*Damonsson-może wcale jaj sobie nie robi.Oba polecenia są dla CSS3,tak więc starsze przeglądarki nie muszą wcale ich obsługiwać.
Ja bym radził zbudować własną funkcję która tnie zbyt długie stringi,niż ryzykować zadziała albo nie i mieć potem problemy że zbyt szeroka kolumna zburzy układ strony.


Tak jak myślałem,u mnie na FF3.5 te przykłady fidla nie działają.

Ten post edytował Niktoś 24.11.2011, 16:25:21
Go to the top of the page
+Quote Post
Damonsson
post 24.11.2011, 17:52:29
Post #12





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Fakt, nie pomyślałem, że ktoś może używać ff <3.5 albo IE 5 biggrin.gif

A tak serio, to w sumie zawsze warto dodać coś, co zapobiegnie złemu wyświetleniu nawet u jednego oglądacza strona, a nie obciąży jakoś zbytnio całego serwisu, tak jak radzą osoby powyżej.
Go to the top of the page
+Quote Post
Niktoś
post 24.11.2011, 18:01:04
Post #13





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----


Ech był gdzieś temat na tym forum o przycinaniu zbyt długich łańcuchów,wystarczy poszukać.Tą czynność zostawię jednak autorowi tematu.
Go to the top of the page
+Quote Post
potreb
post 24.11.2011, 20:16:50
Post #14





Grupa: Zarejestrowani
Postów: 1 568
Pomógł: 192
Dołączył: 7.03.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Overflow: hidden smile.gif


--------------------

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 25.04.2025 - 23:46