1

データベースによって出力される情報にスクロールバーを追加するにはどうすればよいですか:

いいえ:

DATA   S  /\
DATA   C  ||
DATA   R  ||
DATA   O  ||
DATA   L  ||
DATA   L  ||
DATA   B  ||
DATA   A  ||
DATA   R  \/

コード：

<?php
   mysql_connect("localhost","user","pass") or die("Could not connect to localhost");
   mysql_select_db("db") or die( "Could not connect to database");
?>

    <p class="scroll">
<?php
   $result = mysql_query("SELECT * FROM this ORDER BY name ASC");

    while ($row = mysql_fetch_array($result)) {
        echo "<div style='margin: 0 auto;'>
                    <span style='display:inline-block; width:200px; text-align:left;'>" . ucwords($row['name']) . "</span>
                    <span style='display:inline-block; text-align:left;'>" . ucwords($row['number']) . "</span>
                </div>
                <br>";
   }
?>
   </p>
 </font>
</div>

[CSS]

.scroll 
{
    overflow:scroll;
}

出力の右側にスクロールバーを追加し、スクロールダウンしてすべてのデータが表示されるようにするにはどうすればよいですか?

4

2 に答える 2

5

これを試して...

.scroll {
    width: 100px;
    height: 100px;
    overflow: scroll;
}

これはjsfiddleです

于 2013-04-14T02:24:45.400 に答える