Как зафиксировать ширину столбца html к максимальной ширине его содержимого?

Я пытаюсь отформатировать таблицу для формы ввода следующим образом. Таблица выглядит немного так:

       Name:
Time of day:

и т.д., где за каждой из этих меток полей следует собственно поле ввода. Моя цель - создать таблицу с двумя столбцами, один для меток полей, другой для полей ввода, таким образом:

  • Размер левого столбца автоматически определяется самой длинной меткой поля, так что метки полей никогда не заворачиваются.
  • Сами поля ввода максимально расширяются вправо.

Я, конечно, знаю, что могу зафиксировать левый столбец, например, на 20 м, а другой на 100%, но это не то, о чем я прошу - я не хочу, чтобы мне приходилось измерять, а затем вводить фиксированную ширину, например, 20 м; я хотел бы, чтобы ширина автоматически определялась из ширины самого длинного элемента в этом столбце. Это звучит как довольно распространенное желание; есть ли способ сделать это просто?

5
задан Brian Tompsett - 汤莱恩 14 January 2018 в 12:29
поделиться