jQuery ui 滑块移动整个表格答案

【问题标题】：jQuery ui slider moves the whole form tablejQuery ui 滑块移动整个表格
【发布时间】：2011-10-20 20:23:21
【问题描述】：

我在使用我的联系表单生成器时遇到了问题。

当我使用 jQuery 滑块时，如果我将滑块移动到“0”，整个表单会向右移动一点。如果我将滑块移动到“100”，整个表单会向左移动一点。

我使用表格来保持表格的结构。 Link to my form

【问题讨论】：

【解决方案1】：

您没有考虑显示货币数量的容器的相对位置；随着小数变大，会推动您的内容。要么使其绝对定位，要么考虑可以占用的最大空间（给它一个具有 100 空间的宽度）。

您必须对确定布局的父级执行此操作。在这种情况下，表的 th。我强烈建议您停止使用表格作为制作布局的工具。您应该使用为创建布局而制作的语义标签。

【讨论】：

【解决方案2】：

这只是标签大小的问题，您在标签上放置了固定宽度 (width:20px)，这是一个内联元素。

但是你不能在内联元素上这样做，所以它的大小会随着文本的变化而变化。如果你放一个 div ，像这样： <div style="width:40px">yourtext<label></label></div> 宽度不会改变。

编辑：更好地了解如何将宽度与内联元素一起使用：CSS fixed width in a span

【讨论】：