资源描述：
《css文字垂直居中问题的解决》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、CSS文字垂直居中问题的解决CSS中怎样设置才能使对象中的文字垂直居中于对象，这个问题也是捆扰很多朋友的难题。现在网上的很多代码都做不到浏览器兼容。我把网上有关的方法整理了一下，做了些改动，完全可以兼容各主流浏览器。下面具体说一下在不同情况下垂直居中的方法。一、一行文字垂直居中看一下下面的代码：2、xhtml">
垂直居中functionsel(id){switch(id){case"1":document.getElementById("sub").style.lineHeight="normal";break;case"2":document.getElementById("sub").style.lineH
3、eight="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:
4、5px;}select{width:260px;}
一行文字垂直居中，此对象高度为20px默认值，设置行高为：normal设置行高和对象高度相同：20px设置行高比对象的高度大：28px 
