核心提示:一、单选框和复选框与文字的垂直居中1、语法元素{vertical-align:像素值;}2、例(1)当文字大小为12px时,定义单选框和复选框为vertical-align:-3px;(2)当文字大小...
一、单选框和复选框与文字的垂直居中
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)等于盒子的宽度,