Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本区域的中间垂直对齐_Html_Css - Fatal编程技术网

Html 文本区域的中间垂直对齐

Html 文本区域的中间垂直对齐,html,css,Html,Css,我有一个2行20列的textarea消息框。我想把这个盒子的标签-‘Message’正好放在文本区外的中心。我应该使用什么css属性来对齐它?我使用了以下方法,但对我的情况没有帮助 CSS: HTML: 联系我们 邮寄 电话800-237-6999 圣何塞大道8789号,邮政信箱305号, 传真800-647-1356 佛罗里达州杰克逊维尔32217 提交以下表格。 所有带有(*)的字段都是必填字段。 *名字 *电子邮件地址 电话 如果您希望有人通过电话与您联系,请提供区

我有一个2行20列的textarea消息框。我想把这个盒子的标签-‘Message’正好放在文本区外的中心。我应该使用什么css属性来对齐它?我使用了以下方法,但对我的情况没有帮助

CSS:

HTML:



联系我们 邮寄 电话800-237-6999 圣何塞大道8789号,邮政信箱305号, 传真800-647-1356 佛罗里达州杰克逊维尔32217 提交以下表格。 所有带有(*)的字段都是必填字段。

*名字 *电子邮件地址 电话 如果您希望有人通过电话与您联系,请提供区号 电话号码将在美国东部时间周一至周五上午8:00至下午5:00之间使用。 *信息

以下是一个如何执行此操作的示例:

 <form>
  <label for="textarea">Textarea:</label>
  <textarea cols="50" id="title" name="title" rows="4"></textarea>
</form>

你必须把它添加到你的css中

textarea{
  display:inline-block;
  vertical-align:middle;
}
垂直对齐:顶部
垂直对齐:底部


仅此而已,我希望我能帮助你:-D

请上传一些代码,以便人们能帮助你“我想把这个盒子的标签-‘textarea’正好放在textarea外的中间”是什么意思?什么标签?缺少解释,请复制整个代码以获得帮助…您需要更具体一点或显示更多代码,因为这里:标签teaxtarea正好位于textarea外的中心。
 <form>
  <label for="textarea">Textarea:</label>
  <textarea cols="50" id="title" name="title" rows="4"></textarea>
</form>
label, textarea{
  display:inline-block;
  vertical-align:middle;
}
textarea{
  display:inline-block;
  vertical-align:middle;
}