html – textarea标签vertical-align：middle

概述我正在尝试在文本框的中间对齐此文本区域的标签,但它只是不起作用.输出看起来像这样： xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxx 我正在尝试在文本框的中间对齐此文本区域的标签,但它只是不起作用.输出看起来像这样：

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx                xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx          xxxxxxxxxxxxxxxxxxxxxxxxxxxxx    Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxxxxx

这是我一直在尝试的代码. TY！

<style>label textarea{ vertical-align: mIDdle;}</style><label>Synopsis: <textarea  rows="7" cols="60">$v_Synopsis</textarea></label>

解决方法 CODEPEN DEMO

HTML

<div>  <label for="textarea">Textarea:</label>  <textarea cols="40" rows="8" name="textarea" ID="textarea"></textarea></div>

CSS

label,textarea{  display:inline-block;  vertical-align:mIDdle;}

总结

以上是内存溢出为你收集整理的html – textarea标签vertical-align：middle全部内容，希望文章能够帮你解决html – textarea标签vertical-align：middle所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。