如何使用 PHP 使我的输出文本可滚动？答案

【问题标题】：How to make my output text scrollable using PHP?如何使用 PHP 使我的输出文本可滚动？
【发布时间】：2012-10-21 06:03:15
【问题描述】：

我试图从$data 回显的文本太长，超出了表格的边界。除此之外，所有文本都显示为没有换行符（或空行）或适当的间距。

我的简单 PHP 代码：

<div id="sampleid1" class="tabcontent" style="margin-left:48px;">
    <table width="510" border="0" cellspacing="4" cellpadding="4" class="SampleClass">
        <tr>
            <td>
                <?php echo Sample1_LABEL;?>
            </td>
            <th align="left"><strong>:</strong>
            </th>
            <td>
                <?php echo $data[ 'Sample1'];?>
            </td>
        </tr>
        <tr>
            <td>
                <?php echo Sample2_LABEL;?>
            </td>
            <th align="left"><strong>:</strong>
            </th>
            <td>
                <?php echo $data[ 'Sample2'];?>
            </td>
        </tr>
    </table>
</div>

总结：

我需要使用$data 检索的文本进行格式化，以便在回显时在输出中显示换行符。
我需要输出文本是可滚动的，这样文本就不会超出边界。

【问题讨论】：

你的意思是文字不换行吗？它们不包含空格吗？
这不是换行问题，而是文本太长并且超出屏幕（超出屏幕高度）阻碍了阅读过程。文本本身包含一些未在最终输出中显示的空/空白行。感谢您的提问，感谢您的帮助。
HTML 对所有空格一视同仁。 5 个连续的换行符看起来与单个空格相同。在pre 标记内，行为是不同的，并且所有空白都忠实地呈现。
感谢您的宝贵意见。 (+1)

标签： php html css text scrollable

【解决方案1】：

您需要将 CSS 设置为 TD 标记，并在其中回显 $data...

<td style="height:150px; overflow-y:scroll;">

我的错误.. TD 不接受溢出，所以你可以这样做::

<td style="height:150px"><div style="height:100%; overflow-y:scroll;">..PHPCODE...</div></td>

【讨论】：

我已经尝试使用你所说的溢出参数，但它对我不起作用。在我使用

 标记后，文本开始在两个方向（x 和 y）上脱离边界。我也尝试限制高度和宽度，但结果都是一样的。 （我现在还在尝试）

感谢您花时间纠正错误并提供所有帮助。你确实提到了一些有用的东西。 (+1) 为您提供好的答案。

【解决方案2】：

您可以在空格很重要的输出周围回显<pre> 标记。比如：

<?php echo "<pre>".Sample1_LABEL."</pre>";?>

【讨论】：

这很有帮助！谢谢（+1）

【解决方案3】：

你可以试试这个

<td>
   <div style="height:100px; overflow:auto">
      <?php echo $data['Sample2'];?>
   </div>
</td>

你也可以试试

echo(nl2br($data['Sample2']));  //converts newline to <br /> html tag

【讨论】：

太棒了！感谢您花时间解决我的问题。使用“nl2br”确实解决了我的问题。 (+1)