Максимизировать ширину выбора в таблице при наличии метки

Question

Максимизировать ширину выбора в таблице при наличии метки

0

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

У меня есть таблица, содержащая несколько элементов выбора, которые имеют некоторые текстовые метки спереди, в одной строке. Я хочу максимизировать ширину выделения до конца элемента td. Я не могу использовать фиксированную ширину.

Если я использую width = 100%, тогда выбор будет вытеснять ярлык на другой строке. По умолчанию ширина выбора равна ширине самой длинной опции.

Вот как работает по умолчанию: http://goo.gl/KiSGcK

В идеале это также должно работать с select2, где ширина по умолчанию установлена в ширину первой опции.

Я попытался обернуть выделение и/или метку в divs, установив разные опции css (float, display inline и т.д.) Без успеха. Есть идеи?

user3044083 28 нояб. 2013, в 03:58

Источник

0

Вы пробовали с 99% или менее%?
Babblo 28 нояб. 2013, в 02:23
0

Почему вы не можете просто использовать select {width: 60%} в вашем css?
Sico 28 нояб. 2013, в 02:36
0

Поскольку текст может быть больше, чем 40%, и в любом случае, если текст меньше, чем 40%, выбор не дойдет до конца тд, т.е. если текст равен 20%, после 20% будет пустое место. Выбрать.
user3044083 28 нояб. 2013, в 03:01

Показать ещё 1 комментарий

Теги:

javascript

html

select

css

jquery-select2

2 ответа

0

Попробуйте установить float: left; для вашего ярлыка и таблицы. Затем установите их с шириной в процентах, что составляет 100%. Как и этот ярлык (ширина: 40%) и таблица (ширина: 60%, за исключением границы).

HICURIN 27 нояб. 2013, в 23:34

0

Спасибо за ваш ответ. Однако я не могу предположить, что ширина текста будет меньше 40%. Например: jsfiddle.net/LeAgK последняя метка находится на 2 строках, но если вы возьмете 60% от css, она будет на 1 строчке ....
user3044083 28 нояб. 2013, в 02:37

Ещё вопросы

Почему вы не можете просто использовать select {width: 60%} в вашем css?
Поскольку текст может быть больше, чем 40%, и в любом случае, если текст меньше, чем 40%, выбор не дойдет до конца тд, т.е. если текст равен 20%, после 20% будет пустое место. Выбрать.
Спасибо за ваш ответ. Однако я не могу предположить, что ширина текста будет меньше 40%. Например: jsfiddle.net/LeAgK последняя метка находится на 2 строках, но если вы возьмете 60% от css, она будет на 1 строчке ....

user3044083 · Accepted Answer · 2013-11-28T21-18-00.000Z

Наконец нашел решение: используйте overflow: hidden.

Вот он: http://goo.gl/mXNRZN