Skocz do zawartości

Obcinanie tekstu w CSS

papieros

Przez papieros
w HTML i CSS

Rekomendowane odpowiedzi

papieros Newbie

papieros

Opublikowano
Opublikowano

Witam,

mam taki problem : probuje wyswietlic tekst w kolumnie tabeli o stalej szerokosci i wysokosci , w ten sposob, ze jesli tekst jest zbyt dlugi zostaje obciety, tak aby wysokosc wiersza byla zawsze stala i... za cholere mi to nie wychodzi , probuje m.in tak:

<table ><tr>

<td valign=top height=100 width=200 style='height:100;overflow-y:hidden;text-overflow:ellipsis'>Tu jest dlugi tekst ktory powinien wyjsc poza tabele powinien byc zwijany i jesli jest zbyt dlugi obciety tak zeby wysokosc celi byla zawsze =100</td>

</tr></table>

czy ktos robil cos takiego i moze pomoc?

z gory dzieki

Odnośnik do komentarza
Udostępnij na innych stronach
k0rnik Newbie

k0rnik

Opublikowano
Opublikowano 


<table>

<tr> 

<td valign=top height=100 width=200>

<div style="height:100px; overflow:hidden;">

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam vitae ligula vitae wisi commodo gravida. Aliquam ut velit quis mauris congue vulputate. Mauris iaculis, neque in porta faucibus, eros lorem fermentum lacus, sed hendrerit ante orci in ante. Praesent semper, leo quis tristique viverra, orci nunc iaculis lectus, vitae scelerisque enim nunc a purus. Morbi lacus arcu, gravida non, adipiscing eu, consequat et, quam. Mauris ac eros vitae diam laoreet adipiscing. In rutrum bibendum sapien. Aenean quis justo ac odio sollicitudin aliquam. Aliquam erat lectus, mollis sed, feugiat quis, facilisis vel, elit. Aliquam ac tellus.

</div>

</td> 

</tr>

</table>

sprawdzone w IE 6.0/Opera 8.0/NN 7.2/FF 0.93/Mozilla 1.7.2

pzdr.

and

Odnośnik do komentarza
Udostępnij na innych stronach
k0rnik Newbie

k0rnik

Opublikowano
Opublikowano

nie ma wyjścia, trzeba ręcznie podzielić długi tekst w komórce na kilka linii:


<head>

<style type="text/css">

<!--

.komorka { width:200px; height:100px; overflow:hidden; text-overflow-mode:ellipsis; border:1px black solid; }

.komorka span { white-space:nowrap }

//-->

</style>

</head>



<body>



<table> 

<tr> 

<td valign=top height=100 width=200>

<div class="komorka">

<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</span>

<span>Etiam vitae ligula vitae wisi commodo gravida.</span>

<span>Aliquam ut velit quis mauris congue vulputate.</span>

<span>Mauris iaculis, neque in porta faucibus, eros lorem</span>

<span>fermentum lacus, sed hendrerit ante orci in ante.</span>

</div> 

</td> 

</tr> 

</table>



</body>

</html>

and

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności