我有一個(gè) html 表格。它右對(duì)齊。我里面有一個(gè)帶有字段的表。但是，當(dāng)我的 Chrome 瀏覽器顯示表格時(shí)，表格的某些部分（最左邊）會(huì)在左側(cè)被裁剪，即最左邊的內(nèi)容位于屏幕之外。我的桌子的樣子的圖片在這里： https: //yadi.sk/i/rR6rm8nuZsfXlA如何使右對(duì)齊表格從屏幕開頭（左側(cè)）開始以查看完整的表格內(nèi)容？我的代碼是：<table width=600 border="0" align="right" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td> <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> <tr> <td bgcolor="#F8F7F1"><strong>ID</strong></td> <td bgcolor="#F8F7F1">:</td> <td bgcolor="#F8F7F1"> <?php echo $rows2['a_id']; ?> </td> </tr> <tr> <td width="18%" bgcolor="#F8F7F1"><strong>Name</strong></td> <td width="5%" bgcolor="#F8F7F1">:</td> <td width="77%" bgcolor="#F8F7F1"> <?php echo $rows2['a_name']; ?> </td> </tr>
3 回答
忽然笑
TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊
看起來您的外表的寬度 (600) 沒有填滿網(wǎng)頁上的可用空間。如果您希望表格從屏幕開頭開始，您可以嘗試刪除右對(duì)齊，如下所示：
<table width=600 border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#F8F7F1"><strong>ID</strong></td>
<td bgcolor="#F8F7F1">:</td>
<td bgcolor="#F8F7F1"><?php echo $rows2['a_id']; ?></td>
</tr>
<tr>
<td width="18%" bgcolor="#F8F7F1"><strong>Name</strong></td>
<td width="5%" bgcolor="#F8F7F1">:</td>
<td width="77%" bgcolor="#F8F7F1"><?php echo $rows2['a_name']; ?></td>
</tr>
</table>
</td>
</tr>
</table>
qq_花開花謝_0
TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊
只需刪除側(cè)面的邊距，您還可以使用百分比值在屏幕縮小時(shí)自動(dòng)調(diào)整表格大小
翻閱古今
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超5個(gè)贊
如果表格寬度大于屏幕寬度，則右對(duì)齊表格沒有任何意義。您可以嘗試將其添加到
<style>
@media only screen and (min-width: 600px) {
.mytable {
margin-right: 0px;
margin-left: auto
}
}
</style>
將 my table 類分配給要右對(duì)齊的表，并從 html 中刪除align=right。
- 3 回答
- 0 關(guān)注
- 221 瀏覽
添加回答
舉報(bào)
0/150
提交
取消