0

我正在建立一个系统，您可以在其中跟踪您的任务。我现在遇到了一个问题，我希望放置此表的 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>";

这有点像它的样子，除了间距更好，4个单位溢出

4

2 回答 2

0

要使其水平溢出，只需将其放入<div>具有精确宽度值的另一个中（一张桌子的宽度 * 你有多少张桌子）。

在这个例子中使用 9 个表格*200px = 1800px

我还建议在样式或 css 类中使用表格宽度，例如：

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

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

于 2012-07-22T21:23:56.010 回答
0 
    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

于 2012-07-23T05:39:22.410 回答