使用 .css 格式化文本框（输入字段）中的文本答案

【问题标题】：Formatting text within a text box (input field) using .css使用 .css 格式化文本框（输入字段）中的文本
【发布时间】：2016-04-27 04:47:14
【问题描述】：

我正在尝试使用 .css 格式化文本框中的文本。以下是以下属性：

input {type="text"]{

      width:850px;
      height:240px;
      word-wrap:word-break;

}

我想格式化该框，以便当用户在其中键入信息时，文本/输入位于框的左上角。文本/输入也需要换行。上面的自动换行功能似乎不起作用。请指教。

我还查看了 vertical-align 的文本对齐方式。

如果您有任何建议，请告知。

【问题讨论】：

textarea 元素可能对这样的事情有更好的默认行为。
对不起，但我认为您需要 textarea 而不是 input type=text 字段。见developer.mozilla.org/en/docs/Web/HTML/Element/textarea

标签： css padding vertical-alignment word-wrap

【解决方案1】：

textarea 标签会做你想做的事。

<textarea rows="4" cols="50">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
  Aenean commodo ligula eget dolor. Aenean massa. Cum sociis 
  natoque penatibus et magnis dis parturient montes, nascetur 
  ridiculus mus. Donec quam felis, ultricies nec, pellentesque 
  eu, pretium quis, 
</textarea>

【讨论】：