深入表单

一、单选框和复选框与文字的垂直居中

1、语法

  元素
  {
    vertical-align:像素值;
  }

2、例

（1）当文字大小为12px时，定义单选框和复选框为“vertical-align:-3px”；

（2）当文字大小为14px时，定义单选框和复选框为“vertical-align:-2px”；

3、解释：vertical-align:-3px是相对于基线而言向下移动3px。

二、文本域的固定大小、禁止移动和相同外观

1、固定大小

使用最大/最小高度/宽度设置大小

  textarea{
    width:200px;
    height:80px;
    max-width:200px;
    max-height:160px;
  }

2、禁止移动

  textarea{
    width:200px;
    height:80px;
    resize:none;
  }

3、外观相同

（1）先使用width和height定义大小

（2）使用“overflow：auto”定义滚动自适应

  textarea{
    width:200px;
    height:80px;
    overflow:auto;
    resize:none;
  }

三、表单对齐

方法：

（1）每一行表单分为左栏加若干右栏；左栏的长度相同，右栏的长度总长相同

（2）左右两栏都设置为浮动

（3）左栏text-align属性定义为right，使文字右对齐

（4）左右两栏的总长度（padding、margin、border、width）等于盒子的宽度，