Home > Web Front-end > HTML Tutorial > td内放table怎么对齐_html/css_WEB-ITnose

td内放table怎么对齐_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:05:15
Original
1413 people have browsed it

我的第二行有个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>
Copy after login


回复讨论(解决方案)

这个是一个表格的效果,不用做成表格套表格,而是你要纵向合并第一和第二个单元格

这个是一个表格的效果,不用做成表格套表格,而是你要纵向合并第一和第二个单元格


不行 我故意做成这样的。因为第二个表格我要循环动态加载的。
你所说的第一二三列 纵向合并我做出来了 就是我图2显示。但是满足不了我的需求。

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

你这样做反而处理更复杂,合并前面的单元格处理起来反而简单得多。

你这样做反而处理更复杂,合并前面的单元格处理起来反而简单得多。


这样做满足不了后面的循环需求 大哥 我要循环tr的 2个半截的tr怎么循环 

你后台什么语言?

你后台什么语言?


asp.net

......asp.net没用过,你发点代码出来看看,就是子table循环那部分。

同求解?!有解答的么么

http://wenwen.sogou.com/z/q206330112.htm

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template