两行div在同一行上 [英] Two div blocks on same line

问题描述

如何集中在同一个行两个div块？

第一格：

 < div id = bloc1><< ;？php echoversion。$ version。Copyright& copy; All Rights Reserved。; ？>< / DIV> 
  

第二格：

 < div id = bloc2>< img src =...>< / div> 
  

解决方案

  #block_container 
 {
 text-align：center; 
} 
＃bloc1，＃bloc2 
 {
 display：inline; 
 
  

HTML

 < div id =block_container> 
 
< div id =bloc1><？php echoversion。$ version。Copyright& copy; All Rights Reserved。; ？>< / DIV> 
< div id =bloc2>< img src =...>< / div> 
 
< / div> 
  

另外，您不应该将原始内容放入< div> '，请使用< p> 或< span> 。

编辑：这是 jsFiddle演示。

How to center on the same "line" two div blocks?

First div:

<div id=bloc1><?php echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>  

Second 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>

Also, you shouldn't put raw content into <div>'s, use an appropriate tag such as <p> or <span>.

Edit: Here is a jsFiddle demo.

这篇关于两行div在同一行上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！