首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

td内放table如何对齐

2013-04-02 
td内放table怎么对齐想要这样style typetext/css!--.T_Sample {border-collapse: collapseborder:

td内放table怎么对齐

想要这样td内放table如何对齐


<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">


            产品数量
        </td>
        <td>
            中文名称
        </td>
        <td style="width: 40px">
            建议供应商
        </td>
        <td style="width: 40px">
            实际供应商
        </td>
        <td>
            建议采购价
        </td>
        <td>
            实际采购价
        </td>
        <td>
            收益
        </td>
        <td>
            采购状态
        </td>
        <td>
            采购备注
        </td>
        <td>
            是否发货
        </td>
        <td>
            延迟天数
        </td>
        <td>
            编辑
        </td>
    </tr>
    <tr>
        <td >
            <asp:CheckBox ID="CheckBox2" runat="server" />
        </td>
        <td >
            HobbyWow
        </td>
        <td >
            2013/3/9 23:43:27
        </td>
        <td >
            <a href="../Administration/PurchaseOrdersByLogistics.aspx">31617</a>
        </td>
        <td >
            $8.57
        </td>
        <td >
            $0.00
        </td>


        <td >
            $14.24
        </td>
        <td >
        </td>
        <td colspan="16">
        <table  class="T_Sample" border="1" cellpadding="2" cellspacing="0" width="100%">
        <tr>
        <td>
            $1.49
        </td>
        <td>
            33258
        </td>
        <td>
            <a href="#">预览</a>
        </td>
        <td>
            <a class="sidebar" title="Rotor blade for Hubsan X4 H107 H107-A02,">Rotor blade...</a>
        </td>
        <td>
            H107-A02
        </td>
        <td>
            2
        </td>
        <td>
            风叶H107-A02
        </td>
        <td>
            大家乐
        </td>
        <td>
        </td>
        <td>
            $6.00
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
            已发货
        </td>
        <td>
        </td>
       
        </tr>
        <tr>
        <td>
            $9.49


        </td>
        <td>
            33257
        </td>
        <td>
            <a href="#">预览</a>
        </td>
        <td>
            <a class="sidebar" title="Rotor blade for Hubsan X4 H107 H107-A02,">Rotor blade...</a>
        </td>
        <td>
            H107-A02
        </td>
        <td>
            2
        </td>
        <td>
            风叶H107-A02
        </td>
        <td>
            大家乐
        </td>
        <td>
        </td>
        <td>
            $6.00
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
            已发货
        </td>
        <td>
        </td>
       
        </tr>
        </table>
        </td>
        <td>
        
            <a>编辑</a>
        
        </td>
    </tr>
    
</table>


[解决办法]
循环动态加载一样可以,先取要加载多少行,再去合并第一第二列,再加上后面的。

热点排行