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

Question

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

input {type="text"]{

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

}

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

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

有什么建议请指教

Answer 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>

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

Formatting text within a text box (input field) using .css

css

padding

vertical-alignment

word-wrap