方法一:

复制代码代码如下:
<div style="display:inline">
<div id="div1" style="float:left">div1 content</div>
<div id="div2" style="float:left">div2 content</div>
</div>

上面的div1和div2就会在同一行显示。。。(此方法一般都会有效的)

方法二:

复制代码代码如下:
<div id="div1" style="float:left">div1 content</div>
<div id="div2" style="clear:both">div2 content</div>

这种方法有时候会不起作用,好像在引入别的js框架中使用部分会出现问题。
标签:
两个div,同一行,不换行

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
评论“两个div在同一行且不换行的两种方法”
暂无“两个div在同一行且不换行的两种方法”评论...