jQuery ui 滑块移动整个表单
我在使用联系表单生成器时遇到问题。
当我使用 jQuery 滑块时，如果我将滑块移至“0”，则整个表单会向右移动一点。如果我将滑块移动到“100”，整个表格就会向左移动一点。
我使用表格是为了保持表单的结构。 链接到我的表单
Im having a trouble using my contact form generator .
When i use the jQuery slider, and if i move the slider to '0' the whole form moves a bit on the right. And if i move the slider to '100' the whole form moves a bit to left.
I use tables in order to keep the structure of the form.
Link to my form
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您还没有考虑到显示货币数量的容器的相对位置；随着小数点变大，你的内容就会被推动。要么使其绝对定位，要么考虑可以占据的最大空间（给它一个宽度为 100 的空间）。
您必须对确定布局的父级执行此操作。在本例中为表的第 th。我强烈建议您停止使用表格作为制作布局的工具。您应该使用用于创建布局的语义标签。
You haven't accounted for the relative position of the container that shows the number of currency; as the decimals get bigger is pushes your content. either make it absolutely positioned or account for the maximum space is can occupy (give it a width that has space for 100).
You have to do that to the parent that determines the layout. in this case the th of the table. I strongly advice you to stop using tables as a tool for making layouts. you should use semantic tags that are made for creating layouts.
这只是标签大小的问题，您在标签上放置了固定宽度（
width:20px），这是一个内联元素。但是您不能在内联元素上执行此操作，因此它的大小会随着文本的变化而变化。如果你放一个 div ，就像这样：
宽度不会改变。编辑：为了更好地了解内联元素宽度的使用： CSS 固定宽度一个跨度
It's just a problem for the size of your label, you're putting a fixed width (
width:20px) on your label, which is an inline element.But you can't do that on inline elements so it's size change as the text change. If you put a div around, like that:
<div style="width:40px">yourtext<label></label></div>the width won't change.Edit: to get a better idea on the use of width with inline elements: CSS fixed width in a span