0

現在、1 つの長いリストとして出力されます

$output .= "<div class=\"selector\">\n";
$output .= "<form method=\"post\">\n";
if ($type == "new") {
    $output .= "<input type=\"hidden\" name=\"type\" value=\"new\">\n";
    $output .= getPhaseDD("phase", $phase) . " &nbsp; ";
    $output .= "Day:" . getDayDD($day) . " &nbsp; ";
    $output .= "Number:" . getNumDD($num) . " ";
} else {
    $output .= "<input type=\"hidden\" name=\"type\" value=\"existing\">\n";
    $output .= "<input type=\"hidden\" name=\"phase\" value=\"{$phase}\">\n";
    $output .= "<input type=\"hidden\" name=\"day\" value=\"{$day}\">\n";
    $output .= "<input type=\"hidden\" name=\"num\" value=\"{$num}\">\n";
    $output .= "<div>Phase: {$phase}, Day: {$day}, Number: {$num}</div>";
}
if ($type == "new") {
    $output .= "<div><textarea name=\"msg\" rows=\"8\" cols=\"50\" id=\"msg\"   onkeyup=\"javascript:countTXT(this, 'cnt', 160);\" onkeydown=\"javascript:countTXT(this, 'cnt', 160);\">" . stripslashes($msg) . "</textarea></div>\n";
    $output .= "<div id=\"cnt\"></div>\n";
} else {
    $output .= "<div><textarea name=\"msg\" id=\"msg_{$day}_{$num}\" onkeyup=\"javascript:countTXT(this, 'cnt_{$day}_{$num}', 160);\" onkeydown=\"javascript:countTXT(this, 'cnt_{$day}_{$num}', 160);\">" . stripslashes($msg) . "</textarea></div>\n";
    $output .= "<div id=\"cnt_{$day}_{$num}\"></div>\n";
}
$output .= "<div>\n";
if ($type == "new") {
    $output .= "<input type=\"submit\" name=\"create_btn\" value=\"Create\" class=\"create_btn\">\n";
} else {
    $output .= "<input type=\"submit\" name=\"update_btn\" value=\"Update\" class=\"update_btn\"> \n";
    $output .= "<input type=\"submit\" name=\"delete_btn\" value=\"Delete\" class=\"delete_btn\" onclick=\"javascript:return confirmDelete();\">\n";
}
$output .= "</div>\n";
$output .= "</form>\n";
$output .= "</div>\n";
if ($type == "new") {
    $output .= "<script type=\"text/javascript\">countTXT(document.getElementById('msg'), 'cnt', 160);</script>\n";
} else {
    $output .= "<script type=\"text/javascript\">countTXT(document.getElementById('msg_{$day}_{$num}'), 'cnt_{$day}_{$num}', 160);</script>\n";
}
return $output;

かなりの数のメッセージが表示されているため、2 列で表示したいと考えています。1 回の長いスクロールダウンよりもきれいになります。

4

2 に答える 2

0

float:left と float:right の 2 つの div を実行できます。これが動的に生成されない場合 (動的に生成されないように見える場合) は、HTML をハードコーディングするだけです。何か不足していますか？

于 2013-04-12T19:48:11.847 に答える
0

投稿されたコードが x 回のループで作成されているようです。これを行う 1 つの方法は、前半を a でラップし、後半を<div style="float:left">a<div style="float:right">または plainでラップすることです<div>。

例えば。

// start the left float div
echo "<div style=\"float:left; padding:50px;\">";

// # of total divs in the 2 columns
$x = 12;

// for loop, change
for($i=1;$i<=$x;$i++){

// if we have reached the halfway mark, close the left float div and create the right side
if($i==(($x/2)+1)) {echo "</div><div style=\"padding:50px;\">";}

// this is where your div loop goes
echo "<div>Phase: Pre-Quit, Day: 1, Number:{$i}<br /><textarea cols=\"30\">Message {$i}</textarea></div>";}

// close the right div
echo "</div>";

あなたはで例を見ることができます - http://phpfiddle.org/main/code/9be-ax8

ここに画像の説明を入力

于 2013-04-12T21:01:08.883 に答える