td内放table怎么对齐

chai1338 2013-03-26 03:45:42
我的第二行有个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">

            产品数量

        </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>
...全文
501 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_20935445 2015-10-16
  • 打赏
  • 举报
 回复
http://wenwen.sogou.com/z/q206330112.htm
1000snow 2013-07-08
  • 打赏
  • 举报
 回复
同求解？！有解答的么么
ftiger 2013-03-26
  • 打赏
  • 举报
 回复
......asp.net没用过，你发点代码出来看看，就是子table循环那部分。
chai1338 2013-03-26
  • 打赏
  • 举报
 回复
引用 6 楼 ftiger 的回复:
你后台什么语言？
asp.net
ftiger 2013-03-26
  • 打赏
  • 举报
 回复
你后台什么语言？
chai1338 2013-03-26
  • 打赏
  • 举报
 回复
引用 4 楼 ftiger 的回复:
你这样做反而处理更复杂，合并前面的单元格处理起来反而简单得多。
这样做满足不了后面的循环需求 大哥 我要循环tr的 2个半截的tr怎么循环
ftiger 2013-03-26
  • 打赏
  • 举报
 回复
你这样做反而处理更复杂，合并前面的单元格处理起来反而简单得多。
ftiger 2013-03-26
  • 打赏
  • 举报
 回复
循环动态加载一样可以，先取要加载多少行，再去合并第一第二列，再加上后面的。
chai1338 2013-03-26
  • 打赏
  • 举报
 回复
引用 1 楼 ftiger 的回复:
这个是一个表格的效果，不用做成表格套表格，而是你要纵向合并第一和第二个单元格
不行 我故意做成这样的。因为第二个表格我要循环动态加载的。 你所说的第一二三列 纵向合并我做出来了 就是我图2显示。但是满足不了我的需求。
ftiger 2013-03-26
  • 打赏
  • 举报
 回复
这个是一个表格的效果，不用做成表格套表格，而是你要纵向合并第一和第二个单元格
表格table表里td内容两端对齐
本人新手菜鸡，该文章仅为自己的学习问题记录，如有不足望大佬指正。 td两端对齐的方法： 在td中加入以下style样式即可实现两端对齐： <style> td{ border:1px solid red; text-align:center; text-align:justify; text-justify:distribute-all-lines; text-align-last:justify
有关表格table表单td内容两端对齐text-align:justify方法
如何实现table表单td标签中的内容两端对齐？td的align属性设置为justify不好用，新手站长网分享td文字两端对齐的方法： td两端对齐的方法 td标签有个align属性，将align设置为justify不怎么好用，建议使用以下方法： 在td中加入以下style样式即可实现两端对齐： <style> td{ border:1px solid red; text-align:center; text-align:just
[H5]table里td中内容顶部对齐
<table> <tr> <td> <p>在线实例</p> <ul> <li>HTML实例</li> <li>CSS实例</li> <li>JavaScript实例</li> .
table表单中的td内容两端对齐
在td中加上以下样式text-align:center; text-align:justify; text-justify:distribute-all-lines; text-align-last:justify实例 <em>td</em>两端<em>对齐</em>