                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

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

</div>

</div>

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

慕粉3688811

2016-08-22

源自：初识HTML(5)+CSS(3) 1-1

关注问题我要回答

803

操作

收起

3 回答

Ready_鞠
2016-08-22

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

1 回复有任何疑惑可以回复我~

收起回答

慕粉3688811 提问者

变span也没用啊，还是不等高。

2016-08-23 回复有任何疑惑可以回复我~

Ready_鞠回复慕粉3688811 提问者

你后面文字部分，两句话就占了两行，你把<p>都换成<span>就可以了

2016-08-23 回复有任何疑惑可以回复我~

Ready_鞠回复慕粉3688811 提问者

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

2016-08-23 回复有任何疑惑可以回复我~

小天的世界
2016-08-22

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

0 回复有任何疑惑可以回复我~

收起回答

Mesmerizing0
2016-08-22

vertical-align:middle;

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

初识HTML(5)+CSS(3)

参与学习 1230744 人
解答问题 19084 个

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

进入课程

本课相似问答

1 回答把div改变成{ display:inline; }为什么不能用呢

2 回答除了用margin ，如何分离两个重叠的div

3 回答如何让文字不超出边框

2 回答想让两个块状元素并排显示，设置display:inline;不行吗？

3 回答那如何让两个并排居中显示呢？如何编写代码？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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