Text aus der Überlappungstabelle verhindern td width

Question

Wie kann ich den Eintrag <td> der Tabelle auf die Erweiterung über den gesamten Bildschirm beschränken, wenn der Eintrag zu lang ist?

Answer 1

Nun, es gibt max-width, max-height und overflow in CSS.

So

td.whatever 
{ 
    max-width: 150px; 
    max-height: 150px; 
    overflow: hidden; 
} 

würde die maximale Breite und Höhe auf 150px beschränken, und es kann alles von weniger als 150 bis 150, und alles sein, was nicht im Innern, die abgeschnitten werden paßt und versteckt aus sicht.

Überlauf ist standardmäßig (overflow: visible;) ist einfach zu erlauben, dass alles, was nicht in den angegebenen Container passen wird, nur außerhalb davon überlaufen. Wenn Sie nur horizontal begrenzen wollen und nicht wollen, etwas zu verbergen, kann word-wrap helfen:

td.whatever 
{ 
    max-width: 150px; 
    word-wrap: break-word; 
} 

word-wrap werden Worte zu brechen, wann immer es braucht, auch wenn es nicht am Ende eines Wortes ist. Sie können auch einfach height und width verwenden, um eine feste Größe anzugeben, wenn die Tabelle nicht erweitert oder verkleinert werden soll.

Answer 2

Sie könnten word-wrap:break-word; verwenden, damit überlange Wörter verpackt werden.

Answer 3

td.whatever_class{ 
    max-width: 100px; 
} 

ersetzen 100px mit wie weit Sie wollen. 1000px ist eine gute Breite für Websites, da es auf fast allen Monitoren passt, die die Leute heute haben, also wenn Sie 20 Spalten hatten, dann machen Sie es 50px zum Beispiel.

Answer 4

Sie müssen BEIDE max-width und display Stile angeben (weil das Display-Attribut lustig eingestellt ist, weil es ein td ist, kein normales Element), z.

td{ 
    max-width: 100px; 
    display: inline-block; 
} 

Answer 5

Es gibt auch eine schöne Lösung mit der Eigenschaft max-width: 0px; so wird es für volle Tischbreite verantwortlich sein.