Как я могу сделать эти текстовые рисунки эластичными?

Question

Можно сделать так, чтобы текстовые поля слева заполняли все серое пространство справа эластичным способом, используя CSS?

Answer 1

Я сделал для вас пример jsFiddle, демонстрирующий, как вы можете это сделать. Это не самый достойный способ, потому что он не динамичный. Например, поля input должны иметь ширину 50%, чтобы заполнить пространство.
Если вы решите иметь 4 поля ввода, вам придется изменить значение с 50% на 25%.

Но посмотрите на пример здесь: http://jsfiddle.net/peduarte/FwxhT/

Еще один способ сделать это - использовать javascript для вычисления разрыва и вычисления, чтобы применить остаток к входным данным, но опять же, это не очень хорошая вещь ...

Answer 2

Попробуйте <input type="text" style="width: 100%" />