一、vertical-align/垂直对齐
二、示例
1、Html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="CSS/Test24.css">
</head>
<body>
<div id="div4" >hello world
<img src="杨贵妃.png" alt="">
<img src="王昭君.png" alt="">
<div id="div2"><img src="sp/sp3.png" alt=""></div>
</div>
</body>
</html>
2、CSS
@charset "UTF-8";
img{
width: 60px;
height: 120px;
}
*{
margin: 0;
padding: 0;
}
#div2{
display: inline-block;
vertical-align: text-top;
}
#div1{
display: inline-block;
}
三、效果