css - 我有重复的内容想要在列上

Question

这是我的html代码

<style>
.topicdiv1{width:340px}
</style>

<div>
<? foreach($rows as $row): ?>
    <div class="topicdiv1"><?php echo $row['title']; ?></div>
<? endforeach; ?>
   </div>

因为我的整页大约是 800px 宽度，在这里它只需要 340px 宽度，每个都会在下一个之后或下面我希望它并排而不是在每个 div 之后中断它是可能的

没有这样的

 __________
|          |
|__________|
 __________
|          |
|__________|

但像这样

 __________     ___________
|          |   |           |
|__________|   |___________|

因为这里我有很多连线和平均行，所以我需要并排拖，然后在每个断线后断线

提前致谢

Answer 1

尝试使用带有循环迭代计数的模数并检查是否为 0，然后打开新容器，其中将包含接下来的两个 div

 <style>
    .topicdiv1{width:340px; float:left;}
    .main_content{width:800px}
    </style>

    <div>  <div class="main_content">
    <? $i=1;
     foreach($rows as $row): ?>

        <div class="topicdiv1"><?php echo $row['title']; ?></div>
if($i%2 == 0){
    echo '</div>  <div class="main_content">' ;
    }

    <? 
 $i++;
endforeach; ?>
       </div>
     </div>

或者只是玩css

 <style>
    .topicdiv1{width:340px; float:left;}        
 </style>

Answer 2

你可以使 div 元素内联块

.topicdiv1{width:340px; display: inline-block}

Answer 3

确实正如其他人所说，我将使用 css 属性。添加显示：内联块或浮动：左。

Personnaly 我会使用显示内联块。