ячейки таблицы имеют одинаковую ширину при изменении размера и переполнении - css

Question

У меня есть таблица, как показано ниже;

+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+

Она имеет ширину 100%.Я должен отображать таким образом, чтобы все ячейки имели одинаковую ширину при изменении размера и переполнения.Я дал ему word-wrap: break-word, чтобы текст не переполнял ячейку.Но я хочу установить максимальную ширину, и все столбцы должны иметь одинаковую ширину при изменении размера.Как я могу сделать это возможным?Хорошо, если кто-то создаст скрипку*

бластеральфред

Answer 1

Вы после поведения table-layout: fixed?

.table1 {
    border: #FFFF00 2px solid;
    width: 100%;
    word-wrap: break-word;
    table-layout: fixed
}

См .: http://jsfiddle.net/thirtydot/GcvPk/