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>

 

 

效果圖：