css如何設置文本在li元素中垂直居中顯示:本章節介紹一下如何利用css將文本設置為在li元素中垂直居中效果。實現此效果非常的簡單，只要利用line-height屬性即可。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <m
css如何設置文本在li元素中垂直居中顯示:
本章節介紹一下如何利用css將文本設置為在li元素中垂直居中效果。
實現此效果非常的簡單，只要利用line-height屬性即可。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> ul li{ width:400px; height:30px; line-height:30px; list-style:none; } </style> </head> <body> <ul> <li>螞蟻部落歡迎您，只有努力奮鬥才會有美好的未來</li> <li>本站的地址是softwhy.com</li> <li>每一天都是新的，必須要好好的珍惜</li> <li>下一秒都是虛幻的，必須要把握好現在</li> </ul> </body> </html>
只要將line-height屬性值和height屬性值設置為相同即可，其實不用height屬性只是用line-height屬性即可。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16621
更多內容可以參閱:http://www.softwhy.com/divcss/
