当前位置: 代码迷 >> HTML/CSS >> td内放table如何对齐
  详细解决方案

td内放table如何对齐

热度:229   发布时间:2013-04-02 12:35:26.0
td内放table怎么对齐
本帖最后由 chai1338 于 2013-03-26 15:46:27 编辑
我的第二行有个td:colspan="16",里面又放了个table,怎么样才能让外边框消失并和td重叠呢
另外table内的TD要与上面一行的表头对齐
目前是这样
想要这样


<style type="text/css">
<!--
.T_Sample {
  border-collapse: collapse;
  border: none;
  background: #FFFFEE;
}
.T_Sample th {
  border: solid 1px #000000;
}
.T_Sample td {
  border: solid 1px #000000;
}
.T_table td
{
    border:1px solid black;
    }
-->
</style>
<table class="T_Sample" border="1" cellpadding="2" cellspacing="0" width="100%">
    <tr>
        <td>
            <asp:CheckBox ID="CheckBox1" runat="server" />
        </td>
        <td>
            订单来源
        </td>
        <td style="width: 55px">
            日期
        </td>
        <td style="width: 50px">
            订单号
        </td>
        <td>
            销售总金额
        </td>
        <td>
            优惠金额
        </td>
        <td>
            订单总金额
        </td>
        <td>
            订单状态
        </td>
        <td>
            产品单价
        </td>
        <td>
            产品变体ID
        </td>
        <td style="width: 26px">
            产品链接
        </td>
        <td style="width: 80px">
            属性及标题
        </td>
        <td style="width: 70px">
            SKU
        </td>
        <td style="width: 26px">
  相关解决方案