问答详情
源自：1-1 代码初体验，制作我的第一个网页

如何能让两个DIV 上边对齐，只用display:inline;

<div class="one">

<img src="img/kuai.png">

</div>

<div class="two">

<p>百度一下</p><br>

                 <p>快人一步</p>

</div>

写出来图片跟文字 不再同一高度上？

提问者：慕粉3688811 2016-08-22 14:06

个回答

  • Ready_鞠
    2016-08-22 14:46:05

    使用display:inline;这个属性是以行形式显示的。你在第二个div中使用的标签<p>是段落标签，所以不会跟第一个图片在同一行，换成<span>就可以实现图片和文字在同一高度。还有就是你在第二个<div>中使用来了换行<br>


    1
  • 小天的世界
    2016-08-22 14:24:44

    两个都加上：vertical-align:top;

    0
  • Mesmerizing0
    2016-08-22 14:21:35

    vertical-align:middle;

    0