PHP表溢出

Question

我正在建立一个跟踪作业的系统。 我现在遇到一个问题，我希望放置这张桌子的DIV会导致溢出.....好吧，不是问题 - 除了它没有溢出水平......请有人帮助我

请有人帮我把它放进去......或者帮我把这张桌子放在一张桌子上，以适应1100 x 545像素的区域..

我的间距看起来很漂亮......把它放在水平的溢出

$UArr = array("u1" => "Introduction to Marketing ", 
             "u2" => "Maintenance Unit ", 
             "u3" => "Starting a biz", 
            "u4" => "Web Design", 
            "u5" => "Webserver / PHP", 
            "u6" => "Modeling / Multimedia Design" ,
             "u7" => "CISCO 1 " , 
             "u8" => "CISCO 2 " , 
             "u9" => "C&G Marketing"); ///unit array

$AArr = array("a1" => "Assignment 1", "a2" => "Assignment 2", "a3" => "Assignment 3", "a4" => "Assignment 4"); //assigment array
$TArr = array("t1" => "Task 1", "t2" => "Task 2", "t3" => "Task 3", "t4" => "Task 4"); //task array

$Connection = mysql_connect($host,$username, $password);
mysql_select_db("dbname");

$Result = mysql_query("SELECT * FROM `tracker` WHERE `CollegeID`='collegeid' ");
if(mysql_num_rows($Result) == 1) {
    while($Data = mysql_fetch_array($Result)){
        $i = 0;
        $Assignment = "";
        $Unit = "";
        $Task = "";
        echo "<table style=\"float:left;\" width=\"200\" border=\"0\" overflow:scroll;>";
        foreach($Data as $Item => $Value) {
            if(!is_numeric($Item) && $Item !== "CollegeID") {
                if($i == 0) {
                    $Unit = substr($Item, 0, 2);
                    $Assignment = substr($Item, 2, 2);
                    $Task = substr($Item, 4, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[$Unit]."</p></td></tr>";
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                    echo "<tr><td width=\"10\">".$TArr[$Task]."</td><td width=\"10\">".DropDown($Item, $Value)."</td></tr>";
                }
                if($Unit !== substr($Item, 0, 2)) {
                    echo "</tr>";
                    echo "</tr>";
                    echo "<table style=\"float:left;\" width=\"200\" border=\"0\">";
                    $Unit = substr($Item, 0, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$UArr[substr($Item, 0, 2)]."</p></td></tr>";
                }
                if($Assignment !== substr($Item, 2, 2)) {
                    $Assignment = substr($Item, 2, 2);
                    echo "<tr style=\"text-align: center\"><td colspan=\"4\"><p>".$AArr[substr($Item, 2, 2)]."</p></td></tr>";
                }
                if($Task !== substr($Item, 4, 2)) {
                    $Task = substr($Item, 4, 2);
                    echo "<tr><td width=\"10\">".$TArr[$Task]."</td><td width=\"50\">".DropDown($Item, $Value)."</td></tr>";
                }
                $i++;
            }

        }
        echo "</table>";

Answer 1

要使其水平溢出，只需将其放入另一个<div>，其中包含宽度的精确值（一个表的宽度*您有多少个表）。

在此示例中，使用9个表* 200px = 1800px

我还建议在样式或css类中使用table的宽度，如：

<table style="float:left;width:200px;border-width:0;overflow:scroll;">

您的代码很乱，需要重新排列

Answer 2

    Not an big issue with the scrolling. what i suggest to you that take a div and put a desired height width you want and apply the css as

.divName 
{
height: //specify
widht: //specify
overflow:scroll;  
overflow-x:scroll; 
overflow-y:hidden;
}

并将结果放在此div

中