css垂直居中文本

我在w3school的測試人員輸入這個，我無法弄清楚如何垂直對齊文本。 vertical-align:middle;沒有幫助。css垂直居中文本

<!DOCTYPE html> 
<html> 
<head> 
<style> 
ul 
{ 
list-style-type:none; 
margin:0; 
padding:0; 
} 
a 
{ 
display:block; 
width:100px; 
height:30px; 
margin:5px; 
background-color:#66CC33; 
text-decoration:none; color:#000; 
text-align:center; 
font-family:"Verdana",Times,serif; 
vertical-align:middle; 
} 
</style> 
</head> 

<body> 
<ul> 
<li><a href="#home">Home</a></li> 
<li><a href="#news">News</a></li> 
<li><a href="#contact">Contact</a></li> 
<li><a href="#about">About</a></li> 
</ul> 

</body> 
</html>

來源

2013-04-01 spatara

你應該注意到w3schools關於'vertical-align：middle'的說法簡直是錯誤的。您應該忽略它並從[更好的來源]獲取您的信息（https://developer.mozilla.org/en-US/docs/CSS/vertical-align） – Alohci

設置line-height等於height（30像素）。

http://jsfiddle.net/9Gr9S/

來源

2013-04-01 22:44:15

li { 
padding-right: 80px; 
padding-top: 25px; /*could be bottom depens on what you prefer to do.*/ 
}

我想這工作，如果PX不匹配和他們一起玩看你能做些什麼。

不要忘記確認或投票。

來源

2013-04-01 22:44:37 ExCluSiv3

css垂直居中文本

回答

相關問題