html – 同一行的两个div块

概述如何集中在同一个“线”两个div区块？ 第一个div： <div id=bloc1><?php echo " version ".$version." Copyright © All Rights Reserved."; ?></div> 第二div： <div id=bloc2><img src="..."></div> CSS： #block_container{ text 如何集中在同一个“线”两个div区块？

第一个div：

<div ID=bloc1><?PHP echo " version ".$version." copyright &copy; All Rights Reserved."; ?></div>

第二div：

<div ID=bloc2><img src="..."></div>

解决方法 CSS：

#block_container{    text-align:center;}#bloc1,#bloc2{    display:inline;}

HTML

<div ID="block_container">    <div ID="bloc1"><?PHP echo " version ".$version." copyright &copy; All Rights Reserved."; ?></div>      <div ID="bloc2"><img src="..."></div></div>

此外，您不应将原始内容放入< div>中，使用适当的标签，例如< p>或< span>。

编辑：这是一个jsFiddle demo。

总结

以上是内存溢出为你收集整理的html – 同一行的两个div块全部内容，希望文章能够帮你解决html – 同一行的两个div块所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。