2014-09-18 1 views
1

У меня есть столбец таблицы, который может содержать выбор или ввод (введите текст). Я хочу, чтобы ширина столбца была равна ширине самого широкого элемента. Я также хочу, чтобы все выборки были равны этой ширине. Я пытаюсь установить ширину с помощью css в разных комбинациях auto, 100%, но не могу заставить его работать.Как сделать ширину содержимого ячейки таблицы с помощью элементов выбора и текстовых полей?

+6

, пожалуйста, разместите свой код с тем, что вы пробовали до сих пор. – Banana

ответ

1

Извините за смутный вопрос. Я нашел решение, которое было просто добавить это в CSS:

 input[type='text'] { 
      width: auto; 
      min-width: 100%; 
     } 
     select { 
      width: auto; 
      min-width: 100%; 
     } 

Это делает ширину столбцов по ширине самого широкого содержания, а также сохраняет полосу прокрутки в контейнере при изменении размеров его. Он также делает все выборки одинаковой ширины.

+0

добавление ширины: автоматически в мой стиль выбора исправил мою проблему, а столбец таблицы с выделениями был слишком узким и обрезал выбранные. – Bogatyr

Смежные вопросы