下面具体说一下在不同情况下垂直居中的方法。
一、一行文字垂直居中
看一下下面的代码:
复制代码 代码如下:
functionsel(id){switch(id){case"1":document.getElementById("sub").style.lineHeight="normal";break;case"2":document.getElementById("sub").style.lineHeight="20px";break;case"3":document.getElementById("sub").style.lineHeight="28px";break;}}
#all{
width:240px;
padding:10px;
font-size:12px;
color:#FFF;
background-color:#CCC;
}
#sub{
width:230px;
padding:05px;
height:20px;
overflow:hidden;
background-color:#F90;
}
#sel{
margin-top:5px;
}
select{
width:260px;
}