我创建了一个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/
答案 0 :(得分:0)
如果你想要每行两个元素,我建议你使用网格系统,如Skeleton(http://getskeleton.com/)
使用经过验证的框架(例如 Skeleton 或 Bootstrap
>会更安全可靠但是,如果你想DIY它,你需要
将div设置为inline-block
或float:left/right
,并将width:50%
设置为每个。
删除换行符(br
&#39; 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%;
}