将textarea对齐在一个表单中

Question

我使用以下css代码来对齐我的表单元素：

form {  position:relative; }
form input { position:absolute; left:11em; }

但是，textarea元素未与其余元素正确对齐。我尝试了以下，但那没有用

 form input,textarea { position:absolute; left:11em; }

有什么方法可以解决这个问题吗？

谢谢。

Answer 1

没有人能够在没有看到当前结果的情况下解决这个问题;我通常会避免绝对定位，除非做一些像工具提示这样特别复杂的事情，你能不能用边距达到你想要的效果吗？

Answer 2

看起来这是一个Firefox，特定于em的错误。 我认为这与Firefox textareas及其字体的错误有关：Mozilla 3.0.8 and Chrome height in em bug workaround

如果添加以下代码，您的定位应该有效：

form { font: 11px Arial; }
form textarea { font-size: 100%; font-family: inherit; }

另外，另一种解决方法是使用像素而不是em。

Answer 3

这不能解决您的问题，但为什么不使用“text-align”？放置表单元素的绝对定位听起来有些奇怪。

Answer 4

如果您必须以这种方式使用绝对定位，是否考虑过使用margin代替left？正如其他人所指出的那样，如果没有更多信息，很难解决您的问题。