Celle di tabella HTML di dimensioni fisse, anche quando il contenuto è troppo grande?

Question

Voglio creare un diagramma usando HTML. Ho usato un tavolo fisso con colonne. Tutto sembra a posto, ma se il contenuto della cella è troppo lungo, la larghezza della colonna viene espansa. Vorrei che la larghezza della colonna rimanesse fissa, anche se parte del contenuto è nascosta.

C'è un modo per farlo?

Answer 1

Oltre a @ di barrylloyd risposta, io suggerirei anche utilizzando:

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 */ 
} 

Il min-width potrebbe essere inutile, ma è copre tutte le basi.

Answer 2

Come su CSS per affrontarlo:

td { overflow: hidden; } 

dovrebbe probabilmente essere sufficiente.

Answer 3

Try ...

table {table-layout: fixed}

nel foglio di stile.

Ciò impone al browser di utilizzare l'algoritmo di impaginazione fissa di tabella ...

algoritmo di layout

tavolo fisso:

• La disposizione orizzontale dipende solo dalla larghezza della tabella e la larghezza delle colonne , non il contenuto delle celle
• Consente a un browser di disporre la tabella più rapidamente del layout di tabella automatico
• Il browser può iniziare a visualizzare la tabella una volta prima fila è stato ricevuto

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