方法一:(推荐)

<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>

 

 

效果图:

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

 

相关文章:

  • 2022-12-23
  • 2021-10-23
  • 2022-12-23
  • 2021-12-31
  • 2021-06-22
  • 2021-09-17
猜你喜欢
  • 2022-12-23
  • 2021-06-11
  • 2022-12-23
  • 2021-07-20
相关资源
相似解决方案