与 CSS 并排显示 foreach 数组

Question

我很确定如果我在 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

编辑：为了澄清......

一个=

地址
城市

乙 =

地址
城市

C =

地址
城市

Answer 1

您需要将每个地址包装在一个 div 中并使用 class 来浮动它：

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

Answer 2

$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;
}

Answer 3

就像是：

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