一、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; }
三、效果