如何让这些文本变得有弹性?

时间:2011-11-29 16:39:00

标签: css responsive-design elasticlayout

可以使用CSS以弹性方式将左边的文本字段填充到右边的所有灰色空间吗?

enter image description here

2 个答案:

答案 0 :(得分:1)

我为你做了一个jsFiddle示例,演示了如何做到这一点。 这不是最合适的方式,因为它不是动态的。例如,input字段必须具有50%宽度才能填充空格。
如果您决定有4个输入字段,则必须从50%更改为25%

但请看一下这里的示例:http://jsfiddle.net/peduarte/FwxhT/

另一种方法是使用javascript计算差距并进行计算以将余数应用于输入,但同样,这不是一件好事......

答案 1 :(得分:0)

尝试<input type="text" style="width: 100%" />