为了账号安全,请及时绑定邮箱和手机立即绑定

两个div不在同一行显示的原因

如果是因为div是外行元素,所以独占一行。那么是否可以把他的display设置成inline,或inline-block。但是还是不在同一行显示。

正在回答

2 回答

哦~,谢谢!!我在编程联系的页面演示的时候,因为有<p>没设置为内联元素的干扰,所以一直不在同一行中。你的解答好仔细,谢谢~~~~~~~~~~~

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

两个div要同时设置dispaly属性才会有效果,

设置为inline的话显示同一行,但是宽和高无效,也就是变更成了行内元素,

设置成inline_block的话是行内块元素,即在同一行,也可以设置宽高,

记得两个<div>同时设置了才有效果,如果只设置一个<div>,那么另一个<div>还是块元素,还是会单独站一行。

最后如果设置了还是无效的话,那就是浏览器不支持了,不过现在的浏览器都没有这个问题,除非老到掉牙的那些。。。

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

两个div不在同一行显示的原因

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信