jquery - 将元素放在另一个元素旁边？

Question

我试图在文本框旁边放置一个向下的小箭头。

jsFiddle example

如何使盒子紧贴输入，使它们的顶部和底部对齐？

一定是一种获取位置信息的方法是 JS/jQuery 然后...什么，我应该绝对定位它吗？

---

编辑:知道了pretty darn close到我想要的方式。它在 IE8 中还有一点偏差...无论如何我可以把它推过去吗？

Answer 1

这绝对不是需要 JavaScript 的东西。

我的第一个建议是尝试使用 button 或 input[type=button] 元素而不是 span，我总是比较幸运地排列文本框真纽扣比假纽扣多。

这是我将元素转换为按钮时看到的内容:

这不是一个完美的解决方案，但通过对按钮和文本框样式进行一些小的调整，您应该能够使其工作。

请记住，不同的浏览器使用不同的默认样式来呈现表单小部件，因此很难想出一个通用的解决方案，请注意文本框边框的差异。

在您的原始示例中，差异更为显着:

您肯定希望对文本框应用自定义样式以获得一致且可预测的结果。