与CSS并排显示foreach数组 - Display foreach array side-by-side with CSS

Display foreach array side-by-side with CSS

本文关键字：foreach 数组显示 CSS | 更新日期: 2023-09-27

我很确定，如果我在css 中使用这样的东西

#list {
float:left;
}

我可以将阵列的显示格式设置为

A B C

而不是

A
B
C

问题是，我在用正确的<div>格式化的php以获得我想要的内容时遇到了问题。

foreach ( $model->address as $address ) {
    if ($address->Address) echo $address->Address.'<br />';
    if ($address->city->Name) echo $address->city->Name;
}

有人能帮我修改上面的foreach以实现不同的布局吗。我还需要能够以不同于Name 的方式格式化Address

编辑：为了澄清。。。

地址
城市

您需要将每个地址封装在div中，并使用一个类使其浮动：

PHP/HTML/

foreach ( $model->address as $address ) {
    echo '<div class="address-item">';
    if ($address->Address) echo $address->Address.'<br />';
    if ($address->city->Name) echo $address->city->Name;
    echo '</div>';
}

CSS：

.address-item {
     float: left;
}

$out = "<ul>";
foreach($model->address as $address){
    if(!isset($address->Address) && !isset($address->city->Name)) continue;
    $out .= "<li>" . isset($address->Address) ? $address->Address : "" . " "
        . isset($address->city->Name) ? $address->city->Name : "" . "</li>";
}
$out .= "</ul>";
print $out;

CSS

li {
    float: left;
}

类似于：

foreach ( $model->address as $address ) {
   echo '<div class="list">';
   if ($address->Address) echo $address->Address.'<br />';
   if ($address->city->Name) echo $address->city->Name;
   echo '</div>';
}

其中，CSS将为：

.list {float:left;}