HTML: фиксированная и переменная ширина тдс - PullRequest
1 голос
/ 02 февраля 2012

у меня есть <table> и много (34) <td>.

Я хочу отобразить три переменные ячейки, например, «имя», «хобби1», «хобби2», а затем мне нужно отобразить 31ячейки (для каждого дня).

Ширина <table> ограничена примерно 1000px.

В дневных ячейках всегда должна отображаться строка длиной 3 или ничего.

Моя проблема в том, что ячейки никогда не имеют одинаковую ширину, даже если задано с помощью css.

Первые три столбца могут быть также исправлены.

Как мне управлять таблицейчто все дни <td> с (1-31) имеют одинаковую ширину - независимо от того, является ли содержимое ничем или XXX?

http://jsfiddle.net/sBYdu/

Ответы [ 2 ]

3 голосов
/ 02 февраля 2012

Пара добавлений CSS могут достичь этого.

  • Использовать фиксированный макет таблицы
  • Применить ширину к заголовку таблицы, а не к ячейке таблицы
  • Применитьперенос слов в ячейки таблицы

http://jsfiddle.net/nnePW/

0 голосов
/ 02 февраля 2012
table {

    table-layout: fixed;
}
...