html - 动态调整我的 div 大小

Question

我有这个代码：

(array) $array_size=sizeof($data_for_analog_meter);

    for($i = 0; $i < $array_size; $i ++)
    {
        ?>
        <input type="hidden" id="la-<?=$i?>" class="la <?=$i?>" value='<?= $aa[$i];?>'></input>
        <div id="content-two-<?=$i?>" class="content">
            <div id="chart1_<?=$i?>"  class="jqplot-target"></div>
        </div>
        <?

    }

现在，我正在尝试动态调整 div 的大小，只要我添加新图表。

任何想法？

Answer 1

我将假设您想将多个 'chart-divs' 添加到 'content-div' 中。如果那是错误的，请纠正我。这意味着您首先需要将您的 content-div 置于循环之外。

<div id="content">
<?php
   for($i = 0; $i < $array_size; $i++) {
?>
<div id="chart1_<?= $i ?>"  class="chart"></div>         
<?
   }
?>
</div> <!-- end div content -->

使用以下 css 作为绝对最小值（固定值只是一个示例）：

#content { width:500px; }
.chart { float:left; width:auto; }