使用 php echo 将两个 div 排成一行

Put two divs in a row with php echo

我做了一个 div,我把 echo php 放在那里,它正在从数据库中读取信息。我将一个 <br> 放在 php 函数的末尾,以便为另一个客户分隔信息。现在我想连续放置两个 div,但我有 <br> 不允许。如何解决?

代码:

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

如果您想要每行两个元素,我建议您使用网格系统,例如骨架 (http://getskeleton.com/)

使用 SkeletonBootstrap[=16 等经过验证的框架会更加可靠和安全=]


但是,如果您想自己动手做,则需要

  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%;
}