Question

请查看http://jsfiddle.net/mawg/pL9kd/或将下面的代码粘贴到您喜欢的HTML编辑器中......

查看OMG! Item 4 contains a *nested* array的右侧。（如何）我可以将嵌套数组（xyz）设为2列宽，即使其内容不需要太多空间？

<table border="1" cellpsacing="0" cellpadding="0" style="">
  <tr><th style="border-width:1" colspan="3">This is an array</th></tr>

    <td colspan="2">
      <table border="1">
        <tr><td colspan="3">Array</td></tr>
        <tr>
          <td>item 1</td>
          <td>string ( 3 chars)</td>
          <td>abc</td>
        </tr>

        <tr>
          <td>0</td>
          <td>string ( 25 chars)</td>
          <td>item 2 is indexed by zer0</td>
        </tr>

        <tr>
          <td>this equals seven</td>
          <td>integer</td>
          <td>7</td>
        </tr>

        <tr>
          <td>item 4 is a nested array</td>

          <td colspan="2">
            <table border="1">
              <tr><td colspan="3">Array</td></tr>
              <tr>
                <td>0</td>
                <td>string ( 24 chars)</td>
                <td>item 4, offest 0's value</td>

              </tr>

              <tr>
                <td>OMG! Item 4 contains a *nested* array F5</td>
                <td colspan="2">
                  <table border="1">
                    <tr><td colspan="3">Array</td></tr>
                    <tr>

                      <td>xyz</td>
                      <td>string ( 7 chars)</td>
                      <td>xyz val</td>
                    </tr>

                  </table>
                </td>
              </tr>

              <tr>
                <td>item 4, offest 2 is True</td>
                <td>boolean</td>
                <td>True</td>
              </tr>

            </table>

          </td>
        </tr>

        <tr>
          <td>final item</td>
          <td colspan="2">NULL</td>
        </tr>

      </table>

    </td>
</table>

Answer 1

你是说这个意思吗？ http://jsfiddle.net/pL9kd/8/

（宽度= 100％）

Answer 2

检查this你可以使用宽度，设置为width = '66％'，因为你知道有3列，2/3是66％。同时将包含表设置为width ='100％'，因为您将需要所有可能的空间。

Answer 3

从我能找到的东西中，没有什么比你的要求（或至少我对它的解释）更像。你能不能简单地创建一个等于两列总数的列宽？

类似

<td width="40">xyz</td>

我可能会离开，但这只是我的猜测。只是好奇，这是什么实现？我相信你知道css列表和其他css元素在样式上更有效率，对吗？

表格细胞太宽

3 个答案: