CSS------如何让大小不一样的div顶部对齐

 方法一:(推荐)

<div style="float:left;margin-right:20px">
　　<img src="/source/s_1701200858491908006.jpg" width="180" height="100" />
</div>
<div>
　　<div>图片名称:奥迪R8</div>
</div>

方法二:

<div style="display:table-cell">
　　<img src="/source/s_1701200858491908006.jpg" width="180" height="100" />
</div>
<div style="display:table-cell;vertical-align:top">
　　<div>图片名称:奥迪R8</div>
</div>

 方法三:(推荐)

<div style="display:inline">
　　<img src="/source/s_1701200858491908006.jpg" width="180" height="100" />
</div>
<div style="display:inline;vertical-align:top">
　　<div>图片名称:奥迪R8</div>
</div>

 

 

效果图：

 

转载于:https://www.cnblogs.com/tianhengblogs/p/6337220.html