匿名使用者
匿名使用者 發問時間: 電腦與網際網路程式設計 · 8 年前

html內拿掉th表格的問題

以下是我的html程式碼

<html>

<head>

<style>

table.cart-summary tr th{border:solid #000000 1px;padding:6px 5px 3px;}

</style>

</head>

<body>

<table

class="cart-summary"

cellspacing="0"

cellpadding="0"

border="0"

width="100%">

<tr>

<th align="left">名稱</th>

<th align="right"></th>

<th align="right"></th>

<th align="right" width="140px">數量/更新</th>

<th align="right" width="60px"><span>折扣</th>

<th align="right" width="70px">總計</th>

</tr>

<tr valign="top">

<td align="left" >

<span>

</span>

<a href="/雅加達藤原_杏仁豆腐冰-detail" >豆腐冰</a>

</td>

<td align="left" ></td>

<td align="center" >

</td>

<td align="right" ><form action="/index.php/component/virtuemart/" method="post">

</form>

</td>

<td align="right"><span></span></td>

<td colspan="1" align="right">

<div style="display : block;" ><span>$288</span></div></td>

</tr>

<tr>

<td colspan="4">&nbsp;</td>

<td colspan="2"><hr /></td>

</tr>

<tr>

<td colspan="4" align="right">商品價格結果</td>

<td align="right"><span></span></td>

<td align="right"><div style="display : block;" ><span>$288</span></div></td>

</tr>

<tr><td colspan="4" align="left"></td><td></td><td align="right"> </td></tr>

<tr>

<td colspan="4" align="left"></td>

<td align="right"></td>

<td align="right"> </td>

</tr>

<tr>

<td colspan="4">&nbsp;</td>

<td colspan="2"><hr /></td>

</tr>

<tr>

<td colspan="4" align="right">總計: </td>

<td align="right"> <span></span> </td>

<td align="right"><strong><div style="display : block;" ><span>$288</span></div></strong></td>

</tr>

</table>

</body>

</html>

我想要將"名稱" 和"數量/更新"之間的th給拿掉,但是拿掉後後面的總計卻會往前跑,有甚麼辦法可以讓總計仍然在原來的位置(這樣才能和下面的價錢對齊)

1 個解答

評分
  • 采菱
    Lv 6
    8 年前
    最佳解答

    將表格內的語法修改紅字部分(合併儲存格)

    這樣位置就不會跑掉了~~~提供給您參考!

    <table

    class="cart-summary"

    cellspacing="0"

    cellpadding="0"

    border="0"

    width="100%">

    <tr>

    <th colspan="3" align="left">名稱</th>

    <th align="right" width="140">數量/更新</th><th align="right" width="60"><span>折扣</th>

    <th align="right" width="70">總計</th>

    </tr>

    <tr valign="top">

    <td align="left" >

    <span>

    </span>

    <a href="/雅加達藤原_杏仁豆腐冰-detail" >豆腐冰</a>

    </td>

    <td align="left" ></td>

    <td align="center" >

    </td>

    <td align="right" ><form action="/index.php/component/virtuemart/" method="post">

    </form>

    </td>

    <td align="right"><span></span></td>

    <td colspan="1" align="right">

    <div style="display : block;" ><span>$288</span></div></td>

    </tr>

    <tr>

    <td colspan="4"> </td>

    <td colspan="2"><hr /></td>

    </tr>

    <tr>

    <td colspan="4" align="right">商品價格結果</td>

    <td align="right"><span></span></td>

    <td align="right"><div style="display : block;" ><span>$288</span></div></td>

    </tr>

    <tr><td colspan="4" align="left"></td><td></td><td align="right"> </td></tr><tr>

    <td colspan="4" align="left"></td>

    <td align="right"></td>

    <td align="right"> </td>

    </tr>

    <tr>

    <td colspan="4"> </td>

    <td colspan="2"><hr /></td>

    </tr>

    <tr>

    <td colspan="4" align="right">總計: </td>

    <td align="right"> <span></span> </td>

    <td align="right"><strong><div style="display : block;" ><span>$288</span></div></strong></td>

    </tr>

    </table>

還有問題?馬上發問,尋求解答。