css - 我怎样才能使这些 textfieds 有 flex ?

标签 css responsive-design elasticlayout

是否可以使用 CSS 使左侧的文本字段以 flex 方式填充右侧的所有灰色区域?

enter image description here

最佳答案

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

但是看看这里的例子:http://jsfiddle.net/peduarte/FwxhT/

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

关于css - 我怎样才能使这些 textfieds 有 flex ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8314329/

相关文章:

html - 防止在 nowrap textarea 中将空格转换为不间断空格

c# - 如何确定设备是否为桌面浏览器?

html - 我怎样才能用CSS创建这个(表)

jquery弹性动画未完成

CSS flex 文本框

html - CSS 引导表

javascript - 将 Bootstrap 下拉菜单放置在不同的控件上

html - 如何使此表结构响应

python - 如何使用 wxPython 布局 3 Pane 窗口?

javascript - 使用 jQuery 选择 <a> 标签,其中 &lt;input&gt; 在里面