0

我正在运行一个获取信息的 foreach，然后该值用于设置图像（条）的高度。

我也尝试在栏上方的文本中添加值，但一直在栏旁边并排出现。有任何想法吗？请记住，这是在 foreach 中完成的，因此有 10 个值和 10 个图像。

代码：

<?php echo "$textvalue"; ?>

<img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />
4

2 回答 2

2

您需要<br />在文本之后添加一个元素。默认情况下，简单的文本和图像浮动。

这就是你想要做的：

<?php echo "$textvalue"; ?><br />

<img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />

后期编辑：

我的错误先生，我似乎忘记了那部分。在这种情况下，一种解决方案是在 div 元素中显示每个图像和文本。这样，您可以以任何您想要的方式浮动 div（即显示您想要的任意数量的行/列）。

所以，一个项目会这样：

<div style="float:left;">
    <?php echo "$textvalue"; ?><br />

    <img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo "$height" ?>%" title="<?php echo "$textvalue" ?>GB" />
</div>

每当你想创建一个新行时，只需像这样插入一个 div：

<div style="clear:both;"></div>

这应该是让您走上正确道路的好主意。但是，正如 Jeroen 所建议的，您应该使用更加面向布局的方法。

希望这可以帮助。祝你有美好的一天：

于 2013-03-20T15:45:39.133 回答
1

我不会使用<br>标签来操作布局。我建议将文本放在元素中（a span、figcaption等）并使用 css 来控制布局。

假设html5：

<figure>
  <figcaption><?php echo $textvalue; ?></figcaption>
  <img src="images/bar_offpeak.jpg" alt="" width="19" height="<?php echo $height ?>%" title="<?php echo $textvalue ?>GB" />
</figure>

在 css 中（只是一个例子）：

figcaption {
  display: block;
}
于 2013-03-20T15:50:22.670 回答