【问题标题】:Table colspan and rowspan not working表 colspan 和 rowspan 不起作用
【发布时间】:2015-03-13 17:14:16
【问题描述】:

我正在设计桌子以设计它的简单桌子,但它不适合我,这是我想要的设计:

并且我的代码每分钟都会更改此输出,但没有成功。代码是

见[小提琴](http://jsfiddle.net/su4w3ymx/1/)

我更新了我的代码,现在我正在创建它,但现在当我想在第三行添加通知方时,它搞砸了。

【问题讨论】:

  • Mr Liam 你给了我反对票,但没有发布答案或任何帮助。非常感谢
  • 有没有人可以告诉我如何做到这一点?
  • 参考答案@user3833682
  • 嘿@user3833682 请参考我更新的答案..这是你想要的吗?
  • 你怎么知道 Liam 否决了你的问题?

标签: html html-table


【解决方案1】:

fiddle

HTML

<table cellpadding="0" cellspacing="0" width="100%" border="1">
    <tr>
        <td rowspan="3">SHIPPER/EXPORTER
            <br />W8SHIPPING
            <br />8 AVIATION CT, Savannah U.S.A.
            <br />GA 31408
            <br />TEL: +1 912 966 6820</td>
    </tr>
    <tr>
        <td colspan="2">BOOKING NUMBER</td>
    </tr>
    <tr>
        <td colspan="2">EXPORTER REFERENCES</td>
    </tr>
</table>

更新 1

查看fiddle

更新 2

查看fiddle

更新 3

如果您想查看创建的完整结构,请查看fiddle

【讨论】:

  • 我更新了图片你能告诉我我怎么能用只有桌子的桌子来做到这一点。
  • 没有得到你..你到底想要什么?我在这个答案中只使用了一张表格..
  • 我也更新了我的代码,但现在当我想创建通知方行时,它现在搞砸了。
  • 是的..继续@user3833682
  • Mr. Lal你能看看我的新http://stackoverflow.com/questions/29079673/table-in-a-table-with-rowspan-and-colspan
【解决方案2】:

<table cellpadding="0" cellspacing="0" width="100%" border="1">
  <tr>
    <td rowspan="2">SHIPPER/EXPORTER
      <br />W8SHIPPING
      <br />8 AVIATION CT, Savannah U.S.A.
      <br />GA 31408
      <br />TEL: +1 912 966 6820</td>
    <td>BOOKING NUMBER</td>
  </tr>
  <tr>
    <td rowspan="2">
      EXPORTER REFERENCES
    </td>
  </tr>
</table>

【讨论】:

  • 第二个呢?
  • 请检查我编辑的那个是你指的吗?
  • 不不,有两个部分 SHIPPER/EXPORTERCONSIGNEECONSIGNEE呢。
  • 您必须为此发布代码...我已经编辑了发布的代码...而且它们具有与第一个相同的标记,您只需粘贴标记并调整行跨度
  • 我更新了图片你能告诉我我怎么能只用桌子来做。
猜你喜欢
  • 2015-03-19
  • 1970-01-01
  • 2012-04-16
  • 2018-07-01
  • 1970-01-01
  • 2023-03-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多