Php 如何内联回显html元素

第二个项目需要位于页面的右侧，但与第一个项目内联，所以它将创建两个回显项目的2x2类型网格

我像这样添加了一些CSS .container{float:left；width:50%；}但它不起作用

if ($file6 % 2 == 1)
{
echo '<div id="container">
    <div id="thumbnail">
            <a href="/images/tirgus/'. $file .'"  title="'.cleanString($file).'" class="thickbox"><img src="/images/tirgus/thumbs/'.$row['id'].'.jpeg" width="141" height="74" alt="image" /></a>
        </div>
    <br>
    <div id="info1"><sub>' .cleanString($file2).'</sub></div>
    <br>
    <div id="info2"><sub>Telefons: ' .cleanString($file3). '</sub><br><sub>email: '.cleanString($file4).'</sub></div><br>
      <div id="info3"><sub>Iepostoja:</sub> ' .cleanString($file5). '</div><br>
        </div><widgets><customization><css>  <link rel="stylesheet" href="template_faili/gallery.css"></css></customization></widgets>';
 }
 else if ($file6 % 2 == 0) {
 echo '<div id="container2">
    <div id="thumbnail2">
            <a href="/images/tirgus/'. $file .'"  title="'.cleanString($file).'" class="thickbox"><img src="/images/tirgus/thumbs/'.$row['id'].'.jpeg" width="141" height="74" alt="image" /></a>
        </div>
    <br>
    <div id="info1"><sub>' .cleanString($file2).'</sub></div>
    <br>
    <div id="info2"><sub>Telefons: ' .cleanString($file3). '</sub><br><sub>email: '.cleanString($file4).'</sub></div><br>
      <div id="info3"><sub>Iepostoja:</sub> ' .cleanString($file5). '</div><br>
      </div><widgets><customization><css>  <link rel="stylesheet" href="template_faili/gallery.css"></css></customization></widgets>';
  }

if（$file6%2==1）
{
回声'


“.cleanString（$file2）。”


电话号码：'.cleanString（$file3）。'
电子邮件：'.cleanString（$file4）。

Iepostoja:“.cleanString（$file5）。”

';
}
else if（$file6%2==0）{
回声'


“.cleanString（$file2）。”


电话号码：'.cleanString（$file3）。'
电子邮件：'.cleanString（$file4）。

Iepostoja:“.cleanString（$file5）。”

';
}

}

---

会是你想要的。仅供参考，请不要在html中使用重复的

id

s

为了展示如何使用模来实现这一点，您需要执行以下操作：

foreach($files as $file_count => $file) {
  if ($file_count % 2 == 0)
    {
    echo '<div class="thumb row">';

    }
    echo ' 
    <div class="container">
        <div class="thumbnail">
                <a href="/images/'. $file .'"  title="'.cleanString($file).'" class="thickbox">
                <img src="/images/'.$row['id'].'.jpeg" width="141" height="74" alt="image" />
                </a>
        </div>
        <br />
        <div id="info"><sub>' .cleanString($file2).'</sub></div>
        <br />
        <div id="info"><sub>text ' .cleanString($file3). '</sub><br><sub>email: '.cleanString($file4).'</sub></div>
        <br />
        <div id="info"><sub>text </sub> ' .cleanString($file5). '</div>
        <br />
    </div>';

  if ($file_count % 2 == 1)
    {
    echo '</div>';
    }
}

在要输出的每个图像/文件上循环，从0开始，以便：

$file_count % 2 == 0 

指示两对中的第一对和

$file_count % 2 == 1

指示两对中的第二对

因此，在输出这两个变量中的第一个之前，您需要启动一个容器div，例如：

<div class="thumb row">

这将使它们并排排列，但仍会在外侧的

行上断开

此外，除了这是一种不明智的方法外，您不应该在循环中设置
id
属性，因为这将为多个元素设置相同的
id
，这是无效的HTML。相反，更新代码以使用可应用于多个元素的
class
。
每个div需要使用不同的类/id，其中定义了或没有定义内联行为

$col[0] = 'class1';
$col[1] = 'class2';

for ($i=0; $i<$count; $i++) {

    $output .= '<div class="'. $col[$i%2] . ' >';

}

$col[0]='class1'；
$col[1]=“class2”；
对于（$i=0；$iI，很抱歉，这是一个糟糕的例子，从现在开始，我会在寻求帮助时尝试区分id。@RonaldsMazītis-您的id名称并不令人反感。jasonslyvia警告您，您将同一id应用于多个元素，其本质是在循环中输出它们。这是建议（在我的回答中也提到）您需要应用于实际代码，而不是问题。请避免在php中重复html元素。这种体系结构很脏，稍后您将发现使用这种样式管理代码有多么麻烦。：）所以我找到了解决方案，添加了多个css库css-.container1{float:left；width:50%；}和gallery2.css-.thumb.row.container{display:inline block；}.container2{float:right；width:50%；}是的，有很多更好的解决方案。这是一个注定的事实。上面的参数与您给出的参数一致，我认为这足够有趣，可以描述一个可能的解决方案。您也可以在没有浮动的情况下实现这一点，仅供参考。
<div class="thumb row">

</div>

.thumb.row .container {
      display: inline-block;
 }

$col[0] = 'class1';
$col[1] = 'class2';

for ($i=0; $i<$count; $i++) {

    $output .= '<div class="'. $col[$i%2] . ' >';

}