2015-01-04 113 views
-4

我做了一个div,在那里我把echo php,从数据库中读取信息。我把一个<br>放到php函数的末尾来分隔另一个客户的信息。现在我想连续放两个div,但我有<br>,不会让它。如何解决这个问题?把两个div连成一行php echo

代码:

<div class="divmobilni"> 
<div class="floatright"><img src="images/nokia-lumia-720.jpg" height="66px" width="50px" /></div> 
Ime:<div class="imepozadina"><?php echo $row['Ime'];?></div><br /> 
Okrug:<?php echo $row['Okrug'];?> 
<br /> 
Telefon:<?php echo $row['Telefon'];?> 
</div> 
<br /> 
<?php } ?> 
</div> 
</div> 

有了这个代码,它看起来像这样:http://postimg.org/image/bq6565c4b/

+0

我怕我不明白。你不能简单地在'br'之前放置另一个'div'吗? – 2015-01-04 13:38:32

+0

什么进入该div? – Stefan 2015-01-04 13:39:48

+0

无论你想回声?请注意,默认情况下,'div'标签是块元素,因此占用整行(除非您将它们浮动或通过CSS将它们更改为'inline'或'inline-block')。你确定这是导致休息的那个“br”吗? – 2015-01-04 13:41:28

回答

0

如果你想每行有两个要素,我会鼓励你使用网格系统,如骨架( http://getskeleton.com/

这将是更为可靠和安全地使用经过验证的框架,例如骷髅引导


不过,如果你想DIY,你将需要

  1. 设置div的要么inline-blockfloat:left/right,并设置width:50%他们每个人。

  2. 删除换行符(br's),因为元素将自动打破自己。

试试下面的CSS:

.divmobilni{ 
    display:inline-block; 
    margin:0px; //remove any margins to prevent breaking at each element 
    box-sizing:border-box; //allow paddings to not interfere with element width 
    width: 50%; 
} 
+0

使用框架来对齐同一行上的2个元素?这不是矫枉过正吗? – sodawillow 2015-01-04 16:16:10

+0

@sodawillow它是否过分矫枉过正?是。这就是为什么我推荐Skeleton而不是Bootstrap,甚至没有提到语义或类似的东西。 为什么要创建自己的类,虽然当你有错误测试,久经考验的代码可供你使用?同样,考虑到OP正试图并排排列两个盒子,所以假定他也会与其他元素有类似的情况是合理的。 – 2015-01-05 21:04:31