Mit fester Größe, HTML Tabelle Zellen, selbst wenn der Inhalt zu groß?

Möchte ich ein Diagramm erstellen mit HTML. Habe ich eine Tabelle mit festen Spalten. Sieht alles gut, aber wenn der Inhalt der Zelle ist zu lang, die Breite der Spalte wird erweitert. Ich würde gerne die Spaltenbreite zu bleiben fest, auch wenn einigen der Inhalt ist versteckt.

Gibt es eine Möglichkeit, dies zu tun?

möglich, Duplikat der CSS: Wie die Tabelle Spaltenbreite konstant, unabhängig von der Menge an text, die in Ihren Zellen?

InformationsquelleAutor Noam | 2010-10-05

  1. 4

    Zusätzlich zu @barrylloyd die Antwort, ich würde auch vorschlagen, mit:

    td,th {
  min-width: 3em; /* the normal 'fixed' width */
  width: 3em; /* the normal 'fixed' width */
  max-width: 3em; /* the normal 'fixed' width, to stop the cells expanding */
}

    Den min-width vielleicht unnötig, aber es deckt alle Grundlagen.

    Vielen Dank! Die Kombination von overflow: hidden und max-width: 1em hat den trick!

    InformationsquelleAutor David Thomas

  2. 7

    Versuchen...

    table {table-layout: fixed}

    in der stylesheet.

    Dies zwingt den browser zu verwenden, der Feste Tisch-layout-Algorithmus...

    Feste Tabellen-layout-Algorithmus:

    • Die horizontale Anordnung hängt nur von der Tabellenbreite und der Breite der Spalten, nicht der Inhalt der Zellen
    • Ermöglicht einem browser, um das Layout der Tabelle schneller als die automatische Tabellen-layout
    • Den browser beginnen können, um die Anzeige der Tabelle, nachdem die erste Zeile empfangen wurde

    (Siehe http://www.w3schools.com/Css/pr_tab_table-layout.asp)

    Das einzige, was ich hinzufügen würde, ist, dass der text vielleicht noch überlauf der td (z.B., wenn Sie eine super-lange Zeichenfolge) und dass, wenn das passiert, dann wollen Sie wrappen der td Inhalt div mit overflow:auto gesetzt.
    der link ist kaputt

    InformationsquelleAutor barrylloyd

  3. 1

    Wie über CSS Adresse:

    td { overflow: hidden; }

    Sollte wohl genug sein.

    Ich glaube nicht, dass eine td respektiert die overflow Eigenschaft.

    InformationsquelleAutor g.d.d.c

Schreibe einen Kommentar