在水平中心使用 css 对齐标签和文本框

Posted 2023-03-05

【中文标题】在水平中心使用 css 对齐标签和文本框

【英文标题】：Align label and textbox using css on horizontal center

【发布时间】：2014-02-06 22:03:48

【问题描述】：

如何在 div 中间对齐标签文本？

我正在寻找类似的东西

       -----------
Name: |  textbox  |
       -----------

演示代码： http://jsfiddle.net/53ALd/2053/

【问题讨论】：

看这个帖子：[***.com/questions/1839403/…[1]：***.com/questions/1839403/…

【参考方案1】：

以下应该可以完成这项工作。

label, textarea 
    vertical-align: middle;

【参考方案2】：

希望对你有帮助

更改标记

<table>
  <tr>
    <td><label for='name'>Name:</label></td>
    <td><textarea type='text' id='name'></textarea></td>
 </tr>
</table>

css

 td
border-right:1px solid #F1F1F1;
border-top:1px solid #F1F1F1;
border-bottom:1px solid #F1F1F1;
border-left:0px solid #F1F1F1;
padding:2px;
margin:0;
    vertical-align: middle;

  

Demo