html – textarea标签vertical-align：middle

发布时间：2020-12-14 23:51:36 所属栏目：资源来源：网络整理

导读：我正在尝试在文本框的中间对齐此文本区域的标签,但它只是不起作用.输出看起来像这样： xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxxxxx 这是我一直在尝试的代码. TY

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

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx      
          xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
          xxxxxxxxxxxxxxxxxxxxxxxxxxxxx    
Synopsis: xxxxxxxxxxxxxxxxxxxxxxxxxxxx

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

<style>
label textarea{
 vertical-align: middle;
}
</style>

<label>Synopsis: <textarea style="border: none" 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;

}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!