使用 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/)
使用 Skeleton 或 Bootstrap[=16 等经过验证的框架会更加可靠和安全=]
但是,如果您想自己动手做,则需要
将 div 设置为 inline-block
或 float:left/right
,并分别设置 width:50%
。
删除换行符 (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%;
}
我做了一个 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/)
使用 Skeleton 或 Bootstrap[=16 等经过验证的框架会更加可靠和安全=]
但是,如果您想自己动手做,则需要
将 div 设置为
inline-block
或float:left/right
,并分别设置width:50%
。删除换行符 (
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%;
}