Table cell word wrap

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
alexandr0s
Δημοσιεύσεις: 1064
Εγγραφή: 25 Απρ 2006 17:16
Τοποθεσία: localhost
Επικοινωνία:

Table cell word wrap

Δημοσίευση από alexandr0s » 18 Μάιος 2009 20:38

Καλησπέρα,
Έχω το παρακάτω case:
http://matthom.com/archive/2005/08/12/h ... -expanding
Δηλαδή:Έχω ένα table cell το οποίο δέχεται περιεχόμενο από χρήστες και υπάρχει περίπτωση μια μεγάλη λέξη(χωρίς spaces και συναφή) να χαλάσει το layout. Υπάρχει περίπτωση με CSS να υποδείξω στο cell να σπάσει τη λέξη έτσι ώστε να μη χαλάει το layout? Απ' ότι ξέρω υπάρχει το word-wrap: break (ή κάπως έτσι), το οποίο δουλεύει μόνο σε IE και φυσικά δεν μας κάνει.

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Table cell word wrap

Δημοσίευση από Sermac » 18 Μάιος 2009 22:24

Μια λύση είναι να δώσεις max-width και overflow:hidden; στο td, αλλά αν η λέξη δεν περιέχει κενά δεν θα σπάσει σε περισσότερες σειρές. Πάντως δεν υπάρχει περίπτωση να σου χαλάσει το layout.

Το word-wrap από css3 δουλεύει σε λίγους browser προς το παρόν (π.χ. Firefox 3.1 και όχι 3.0!) οπότε είναι νωρίς να το χρησιμοποιήσεις.
Εικόνα

Άβαταρ μέλους
alexandr0s
Δημοσιεύσεις: 1064
Εγγραφή: 25 Απρ 2006 17:16
Τοποθεσία: localhost
Επικοινωνία:

Table cell word wrap

Δημοσίευση από alexandr0s » 18 Μάιος 2009 22:37

Το πρόβλημά μου είναι ότι η λέξη δεν περιέχει κενά και ότι θέλω να εμφανίζεται όλο το content.

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Table cell word wrap

Δημοσίευση από Sermac » 19 Μάιος 2009 00:19

Είπες ότι δέχεται περιεχόμενο από χρήστες, άρα γιατί δεν δουλεύεις από τη μεριά του server; πχ στην php υπάρχει η συνάρτηση wordwrap().
Εικόνα

Άβαταρ μέλους
alexandr0s
Δημοσιεύσεις: 1064
Εγγραφή: 25 Απρ 2006 17:16
Τοποθεσία: localhost
Επικοινωνία:

Table cell word wrap

Δημοσίευση από alexandr0s » 19 Μάιος 2009 15:19

Τελικά έκανα κάτι τέτοιο, έκανα split το string και το προβάλω με το tag <wbr> ενδιάμεσα

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες