Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] Zawijanie tekstu w div
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
DeyV
Czy istnieje jakiś atrybut css, któy wymusi zawijanie tekstu nie podzielonego spacjami, w przypadku przekroczenia ustalonej szerokości Div?

IE zawija taki tekst automatycznie, jednak nie udało mi się do tego zmusić mozilli.

Mimo usilnych poszukiwań, nie trafiłem nawet na ślad wordwrap.. winksmiley.jpg
np.
[xml:1:fa57249550]
<style>
.screen {
width: 150px;
max-width:150px;
}
</style>
<div class="screen">
http://localhost/index.php?zmienna1=wartos...ienna3=wartosc3
</div>[/xml:1:fa57249550]
wassago
nie wiem czy to ci pomoze, ale http://msdn.microsoft.com/workshop/author/...es/wordwrap.asp
DeyV
niestety - nie jest to zgodne z mozillą.
kubatron
http://www.kurshtml.boo.pl/ tu jest bardzo szczegółowy kurs css, zagladnij moze znajdziesz...
Dominik
[xml:1:3ef555ff7f]<style>
.screen {
width: 150px;
max-width:150px;
overflow: hidden;
}
</style>
<div class="screen">
http://localhost/index.php?zmienna1=wartos...ienna3=wartosc3
</div> [/xml:1:3ef555ff7f]
Inaczej sie nie da, poniewaz XML (XHTML) i SGML (HTML) nie pozwalaja na lamanie bez wymuszenia. Dla przegladarki zgodnej z W3C (np Mozilla) adres URL jest takim samym ciagiem jak baaaaardzodlugistringggggg
DeyV
Cytat
Dla przegladarki zgodnej z W3C (np Mozilla) adres URL jest takim samym ciagiem jak baaaaardzodlugistringggggg

A to się zgadza, przykład z adresem był zupełnie przypadkowy.
colinQ
Mam ten sam problem.
Robię CMS'a i do tego dodatek bloga.
Gdy ktoś napisze za dlugi ciag znaków to rozwala sie na cala strone.
A gdy zastosuje overflow: hidden; to nie ma polowy ciągu dry.gif

Jak to zrobic aby dzialao dobrze??

Kod:
  1. for($i = 1; $i <= $ilosc_notek; $i++) {
  2. $notka = mysql_fetch_assoc($notki);
  3. ?>
  4. <div class=div2 ><img src=themes/<?echo$theme;?>/images/spacer.gif width=50 height=0><font face="arial black" style=font-size:15px><? echo $notka['tytul']; ?></font><font face="arial" style=font-size:9px> - 
  5. <?
  6. $data = $notka['data']; 
  7. echo date("d", $data).".".date("m", $data).".".date("Y", $data).", ".date("H:i", $data);
  8. ?></div>
  9. <div style=width:479px;max-width:479px;overflow:hidden; >
  10. <? echo $notka['tresc']; ?>
  11. </div>
  12. <?
  13. }
  14. ?>
gekon
Nie ma spacji = nie ma łamania. Standardy tego nie przewidują. Bez PHP czy JS się nie obejdzie. Riddle natomiast pokazał ciekawą sztuczkę.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.