我正在尝试制作一个带有展开箭头的文本框，单击该箭头会删除文本框并将其替换为更大的文本区域，并使用 jQuery 提供漂亮的滑动动画。问题是，右侧相对定位的箭头和左侧的标签随着文本框的展开而向下滑动。我一直在尝试,和其他 CSS 属性的各种组合vertical-align，试图将它们保持在顶部，但无济于事。有趣的是，该设计适用于 Firefox，标签和箭头停留在我想要的位置，但不适用于 Chrome 或 IE。你可以在这里看到工作。displaypadding
问问题
595 次
1 回答
1
您需要设置vertical-align: top;为您的文本区域，并且在制作动画时不要更改它。我在 Chrome 调试器中尝试过，它工作正常。
<input type="text" />另外，你为什么用 a交换<textarea>？为什么不<textarea>从一开始就拥有，只是给它一个小的高度？
UPD。也分配vertical-align: top;给您的<input>元素，以便标签和箭头在您将其交换到 textarea 时保持在同一位置。如果需要，使用top或margin-top将它们稍微向下推。
//我手头没有 IE，所以目前无法为您提供帮助...建议更改后 IE 中发生了什么？
于 2012-06-09T13:01:51.960 回答