0

次のPHP関数をワードラップ付きのCSSスクロールテキストボックスで機能させようとしています（これはプログラム全体の例です。他のCSSはありません）。

<?php

    function prettyPrint( $my_array ) {

    if (is_array($my_array)) {

        echo "<table style=border=0 cellspacing=2 cellpadding=1 width=100%>";
        echo '<tr><td colspan=2 style="background-color:#B29980;"></td></tr>';

        foreach ($my_array as $k => $v) {
            if (is_int($k)){$k=$k+1;}                    
            echo '<tr><td valign="top" style="width:20px;background-color:#F0F0F0;">';
            echo '<strong>' . "&nbsp;&nbsp;" . $k . "&nbsp;&nbsp;" . "</strong></td><td>";
            prettyPrint( $v ) ;
            echo "</td></tr>";
        }

        echo '<tr><td colspan=2 style="background-color:#B29980;"></td></tr>';
        echo "</table>";
        return;
    }

    echo $my_array;
}

$array = array( array ( "Txt1" => "Lorem ipsum dolor sit amet...
                        "Txt2" => "Lorem ipsum dolor sit amet...
                array ( "Txt3" => "Lorem ipsum dolor sit amet...
                        "Txt4" => "Lorem ipsum dolor sit amet...
prettyPrint($array); 

?>

3行目でこれを追加してみました。

echo '<div style="height:250px; width:980px; overflow:auto; overflow-x: hidden">';

このdivタグは、グループ化されたアイテム間に大きなスペースのギャップを追加し、ワードラップもしませんでした。関数の出力を取得して、単語が折り返されるスクロールテキストボックスに表示するにはどうすればよいですか？

よろしくお願いします。

4

1 に答える 1

1

私が理解している限り、あなたは<div>-すべての周りのコンテナが欲しいですよね？

好き...

____________ this is the <div> ________________
|                                              |
| inside here is the nested table              |
| with text 1 to text 4                        |
|______________________________________________|

次に行きます：

echo '<div style="height:250px; width:980px; overflow:auto; overflow-x: hidden">';
prettyPrint($array);
echo '</div>';

関数prettyPrintは再帰的です。つまり、それ自体から数回呼び出されます。そこにその中に含めると、ネストされたテーブル内 <div>にいくつかのコンテナができてしまい、混乱します。<div>

于 2013-03-25T02:23:53.027 に答える