[英]Reduce spacing in HTML output using PHP
這看起來很簡單所以我必須遺漏一些東西,但是我在減少以下輸出中表行之間的間距時遇到了問題:
<table align="center" width="100%" cellspacing="100">
<th width="100px;"></th>
<tbody id="ajax_res">
<?php
include 'db_connect.php';
$query = "SELECT INSERT_DATE,LINE_TEXT FROM DATA_TAB ORDER BY INSERT_DATE DESC";
$result = mysql_query($query);
while($row = mysql_fetch_array($result))
{
$insert_date = $row['INSERT_DATE'];
$line_text = $row['LINE_TEXT'];
echo "<tr height='10'><td>".$insert_date."</td>";
echo "<td align='left' width='nowrap' style='padding:0 25px 0 25px;'>".$line_text."</td></tr>";
}
mysql_close($con);
?>
</tbody>
</table>
有任何想法嗎?
使用cellspacing =“100”是導致表膨脹的原因。
另外,您的HTML標記應該使用雙引號,而不是單引號,並且您的TH標記需要在TR標記內。 這是我在尋找您的原始問題時想出的。
<style type="text/css">
table, tr, td, tbody {
margin: 0;
padding: 0;
}
table {
width: 100%;
}
td {
padding: 5px;
}
.date {
text-align: center;
}
.text {
text-align: left;
padding: 0px 25px;
}
</style>
<table>
<tr>
<th>Date</th>
<th>Text</th>
</tr>
<tbody id="ajax_res">
<?php
include 'db_connect.php';
$query = 'SELECT INSERT_DATE,LINE_TEXT FROM DATA_TAB ORDER BY INSERT_DATE DESC';
$result = mysql_query($query);
while($row = mysql_fetch_array($result)) {
$insert_date = $row['INSERT_DATE'];
$line_text = $row['LINE_TEXT'];
echo
"\t\t", '<tr>', "\n",
"\t\t\t", '<td class="date">', $insert_date, '</td>', "\n",
"\t\t\t", '<td class="text">', $line_text, '</td>', "\n",
"\t\t", '</tr>', "\n";
}
mysql_close($con);
?>
</tbody>
</table>
嘗試刪除或減少表的cellspacing:
<table align="center" width="100%" cellspacing="10">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.