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

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

введите описание изображения здесь

2 ответа

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

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

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

Пытаться <input type="text" style="width: 100%" />

Другие вопросы по тегам