猿问

inline-block div下移

预览
礼盒
.birth2017-part1>div{
height:1510px;
padding-top:104px;
}
.birth2017-part1.part1-p4{
margin-top:40px;
}
.birth2017-part1.part1-p4.part1-p4-ul1{
background:gold;
width:100%;
text-align:center;
}
.birth2017-part1.part1-p4.part1-p4-ul1.part1-p4-gift{
background:red;
display:inline-block;
width:290px;
height:370px;
}
请问,第一个div为什么会下移呢?

		

			
互换的青春

			
浏览 683回答 2

		

	
	

									
	

	

		
2回答

		

			
			

				
				
动漫人物

				
这现象是inline-block元素的vertical-align造成的，vertical-align默认是baseline。所以如果要你代码中的方块对齐，要么所有.part1-p4-gift元素设置vertical-align:middle，要么所有.part1-p4-gift元素内都加上文本。

				

					

            
            
          

          
0

				

			

			
		

	

	

		随时随地看视频慕课网APP
	

	
	
	

		
相关分类

		

			
			

			
				 JavaScript
			
			

				
			
		

	

	
	
	

		我要回答