CSS inline-block与vertical-align的一个问题

使用inline-block布局时,出现一个问题,当并排的一个li中的div的display设置为none时,其它的li的布局出现问题。花了很久时间找到问题所在,所以记下来。

CSS inline-block与vertical-align的一个问题_第1张图片

开始有问题的结果如上图所示,第一个li里的div,也是class为a的元素display设置为none时,原本并排的li出现了错乱。

解决办法时给li加上vertical-align:middle。刚开始时li默认的时vertical-align:baseline



	
		
		inine-block
		
	
	
		
解决后效果:

CSS inline-block与vertical-align的一个问题_第2张图片

你可能感兴趣的:(CSS inline-block与vertical-align的一个问题)