Блог

Главная - Вопросы по программированию - Ширина ячейки таблицы HTML CSS

Ширина ячейки таблицы HTML CSS

#html #css #html-table

#HTML #css #html-таблица

Вопрос:

Я пытаюсь понять, можно ли установить ширину ячейки таблицы или столбца на:

  1. фиксированная % ширина
  2. фиксированная px ширина

И, независимо от его содержимого, он остается такой ширины.

Однако сценарий таков, что первый столбец должен быть длиннее остальных. Итак, если у меня есть 10 столбцов, первый больше, а остальные 9 расположены на равном расстоянии друг от друга.

Я пробовал следующее, но это не работает:

 table{display:block;overflow:hidden;}
th td {max-width:2%;overflow:hidden;white-space:nowrap;}
th.question {width:60%;overflow:hidden;white-space:nowrap;}
td.question {width:60%;overflow:hidden;white-space:nowrap;}

Возможно ли добиться fixed width

Ответ №1:

Возможно ли достичь фиксированной ширины

Да, если вы задаете свойство fixed для table-layout правила <table> или для любого display table элемента ed as.

См. W3C : http://www.w3.org/wiki/CSS/Properties/table-layout

Комментарии:

1. Спасибо за ответ — однако при этом все столбцы будут расположены на одинаковом расстоянии друг от друга, что не является решением, которое я ищу, как описано выше.

2. попробуйте и поймите, как это работает, иначе зачем мне отвечать 🙂

3. Я добавил table-layout: fixed; к приведенному выше коду и никакой радости.

4. Можете ли вы дать ссылку на скрипку или codepen, чтобы мы увидели, как вы применили ширину и компоновку таблицы 🙂

5. Я играл, и вы можете установить ширину столбцов в сценарии «фиксированной» ширины, и все работает так, как должно!