点评:这篇文章主要介绍了两个div在同一行,两个div不换行的两种实现方法,有不知道的朋友可以参考下
方法一:
ScKHTML5中文学习网 - HTML5先行者学习网 ScKHTML5中文学习网 - HTML5先行者学习网
<div style="display:inline"> ScKHTML5中文学习网 - HTML5先行者学习网
<div id="div1" style="float:left">div1 content</div> ScKHTML5中文学习网 - HTML5先行者学习网
<div id="div2" style="float:left">div2 content</div> ScKHTML5中文学习网 - HTML5先行者学习网
</div> ScKHTML5中文学习网 - HTML5先行者学习网
ScKHTML5中文学习网 - HTML5先行者学习网上面的div1和div2就会在同一行显示。。。(此方法一般都会有效的)
ScKHTML5中文学习网 - HTML5先行者学习网ScKHTML5中文学习网 - HTML5先行者学习网方法二:
ScKHTML5中文学习网 - HTML5先行者学习网 ScKHTML5中文学习网 - HTML5先行者学习网
<div id="div1" style="float:left">div1 content</div> ScKHTML5中文学习网 - HTML5先行者学习网
<div id="div2" style="clear:both">div2 content</div> ScKHTML5中文学习网 - HTML5先行者学习网
ScKHTML5中文学习网 - HTML5先行者学习网这种方法有时候会不起作用,好像在引入别的js框架中使用部分会出现问题。