添加PHP中的滾動條/ CSS

如何將我的滾動條添加到由數據庫輸出的信息：添加PHP中的滾動條/ CSS

IE：

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

CODE：

<?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; 
}

我該如何添加滾動欄右側的輸出並使其滾動以查看所有顯示的數據？

來源

2013-04-14 user2184881

試試這個...

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

這是jsfiddle

來源

2013-04-14 02:24:45 TNK

與我的答案相同。給予好評。 – cereallarceny

這使得滾動條直接放在信息的頂部而不是側面，因此信息不可滾動。 – user2184881

此代碼正在工作。如果這不是您的期望結果，請詳細解釋。 – TNK

試試這個：

.scroll { 
    overflow-y: scroll; 
    width: 200px; 
    height: 200px; 
}

你不想overflow: scroll;，除非你也希望有一個水平滾動條。你還需要給它一個寬度和高度。

來源

2013-04-14 02:25:42 cereallarceny

這會把滾動條直接在信息不在側面的TOP上，所以信息不可滾動。 – user2184881

添加PHP中的滾動條/ CSS

回答

相關問題