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

来源:1-1 代码初体验,制作我的第一个网页

慕粉3688811

2016-08-22 14:06

<div class="one">

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

</div>

<div class="two">

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

                 <p>快人一步</p>

</div>

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

写回答 关注

3回答

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


    Ready_... 回复慕粉3688...

    还有就是把<br>去掉,这个是换行,你说有这个能在同一高度吗?

    2016-08-23 18:07:45

    共 3 条回复 >

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

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

    共 1 条回复 >

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

    vertical-align:middle;

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1228907 学习 · 19081 问题

查看课程

相似问题