資源描述：
《css文字垂直居中問題的解決》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、CSS文字垂直居中問題的解決CSS中怎樣設置才能使對象中的文字垂直居中于對象，這個問題也是捆擾很多朋友的難題?，F(xiàn)在網(wǎng)上的很多代碼都做不到瀏覽器兼容。我把網(wǎng)上有關(guān)的方法整理了一下，做了些改動，完全可以兼容各主流瀏覽器。下面具體說一下在不同情況下垂直居中的方法。一、一行文字垂直居中看一下下面的代碼：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 
