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

你可以使div元素成为内联块

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

Answer 2

尝试这个使用模数和循环迭代次数并检查是否为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 3

的确如其他人说的那样，我会选择css属性。添加display：inline-block OR float：left。

我个人会使用显示内联块。

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

3 个答案: