使用php echo将两个div连续放置答案

【问题标题】：Put two divs in a row with php echo使用php echo将两个div连续放置
【发布时间】：2015-01-04 13:37:18
【问题描述】：

我在放置 echo php 的地方创建了一个 div，用于从数据库中读取信息。我将一个<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/

【问题讨论】：

恐怕我听不懂。您不能简单地在br 前面加上另一个div 吗？
在那个 div 中输入什么？
你想回应什么？请注意，默认情况下，div 标签是块元素，因此占据一整行（除非您将它们浮动或通过 CSS 将它们更改为 inline 或 inline-block）。你确定是 br 导致了中断吗？
@KevinPei 使用这段代码，div 是这样的：postimg.org/image/bq6565c4b 现在我想将两个 div 放在同一行，而不是只有一个 div 在一行？
How to make two <div>...</div> in the same row?的可能重复

标签： php html class

【解决方案1】：

如果您希望每行有两个元素，我建议您使用网格系统，例如 Skeleton (http://getskeleton.com/)

使用经过验证的框架（如 Skeleton 或 Bootstrap

会更加可靠和安全

但是，如果你想自己动手，你需要

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

【讨论】：

使用框架在同一行对齐 2 个元素？这不是矫枉过正吗？
@sodawillow 是不是矫枉过正？是的。这就是为什么我推荐 Skeleton 而不是 Bootstrap，甚至没有提到 Semantic 或类似的东西。当您有经过错误测试且经过充分验证的代码可供您使用时，为什么还要创建您自己的类呢？此外，鉴于 OP 试图将两个框并排对齐，因此可以合理地假设他也会遇到与其他元素类似的情况。