为啥在IE6中，A标签中的文字不能垂直居中呢？_html/css_WEB-ITnose

                 test  	 	ul { margin:0; padding:0; list-style-type:none; width:300px;}ul li { border:1px solid blue;}ul li a {display:block; border:1px solid red; height:60px; line-height:60px;}ul li a img { vertical-align:middle; margin-right:10px; border:0px;}       	 		  Link 1 		  Link 2 		  Link 3 		  Link 4 		  Link 5 		  Link 6 	       

回复讨论(解决方案)

为了看得更清楚，我发一个带图片的代码

                 test  	 	ul { margin:0; padding:0; list-style-type:none; width:300px;}ul li { border:1px solid blue;}ul li a {display:block; border:1px solid red; height:60px; line-height:60px;}       	 		  Link 1 		  Link 2 		  Link 3 		  Link 4 		  Link 5 		  Link 6 	       

我重写了下，你们看看下面的代码为啥不行呢

                 test  	 	ul { margin:0; padding:0; list-style-type:none; width:300px;}ul li { border:1px solid blue;}ul li a {display:block; border:1px solid red; height:60px; line-height:60px;}ul li a img {vertical-align:middle; border:0px;}       	 		  Link 1 		  Link 2 		  Link 3 		  Link 4 	       

text-align:center

貌似在ie6比较困难，改用table吧。。。

垂直居中？你想想办法设置那个A标签行间距再设置大一些试试。。。

5楼正确，设置line-height果然有效！

查看更多关于为啥在IE6中，A标签中的文字不能垂直居中呢？_html/css_WEB-ITnose的详细内容...