将文本从我的文本区域顶部向下推几个像素？答案

【问题标题】：Pushing the text down a few pixels from the top in my text area?将文本从我的文本区域顶部向下推几个像素？
【发布时间】：2013-07-15 21:00:34
【问题描述】：

我的联系表单中有一个文本区域，没什么特别的：

<textarea class="txb_message" id="txb_message" name="txb_message" placeholder="What would you like to talk about?"></textarea>

但是文本在文本区域中的对齐方式与它在其上方的文本框中的对齐方式不同，我不知道为什么。

谢谢！

【问题讨论】：

【解决方案1】：

添加padding-top

.txb_message {
    padding-top: 10px;
}

【讨论】：

【解决方案2】：

你需要像这样向文本区域添加 15px 的填充：

.txb_message {
  height: 68px;
  width: 300px;
  float: left;
  margin-top: 10px;
  padding: 15px 0 0 0;
}

【讨论】：

【解决方案3】：

我只想在文本区域的顶部添加填充。

.txb_message {
     padding: 10px 0 0 0;  /* whatever you need */
}

由于您使用的是text-indent，因此也可能在两侧，然后将其删除用于文本区域。您的最终 CSS 可能如下所示：

.txb_message {
     padding: 10px;
     text-indent: 0;
}

尝试用一堆文本填写您的文本区域。

【讨论】：