jquery - 带标签的动态输入宽度

标签 jquery html css ruby-on-rails

我正在尝试创建动态宽度字段输入,以便它们拉伸(stretch)到 div 的宽度。

如果一行有两个输入,它们将动态拆分可用空间以填充 100% 的 div。

如果一行上只有一个输入,它将填满整个宽度。

问题是标签宽度和输入宽度都是未知的(响应式网页设计)。

令人惊讶的是,我确信这一定很普遍,但很难做到这一点。

http://imagepaste.nullnetwork.net/img/1339700574Screen%20Shot%202012-06-14%20at%203.04.59%20PM.png

最佳答案

是的,使用 jQuery,您可以计算 div 中输入元素的数量,并相应地调整元素的宽度。

您可以使用lengthsize() 来确定元素的数量,然后设置css 来做同样的事情

这是一个粗略的模型:http://jsfiddle.net/6CqKK/

关于jquery - 带标签的动态输入宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11041373/

相关文章:

c# - 打开文件并将内容写入 DIV、span、标签、某种容器

css - 自定义字体为空白并在加载时出现

javascript - 使用 Jquery $When 进行异步和同步函数调用

javascript - 在前一个元素之前插入当前元素

javascript - 如何制作在复选框中选中的项目数组

html - 正在设置溢出 : auto to all elements except html bad practice?

javascript - 如何删除用户使用 JavaScript 输入的文本输入

javascript - 如何使用 javascript 在 html 中显示来自 google place photo api 的照片?

javascript - 为下拉菜单中的选项赋值

javascript - 我想通过 javascript 从窗口屏幕顶部获取底部 div 边距