如何在表中创建两个相等的列

时间:2015-09-01 10:02:11

标签: html css html-table

我有下表: 我无法使Tofrom列相等 - 它们应该是行的一半。我尝试了很多不同的colspan个案例,但这些tds不是行的一半。

我怎么能这样做?

<table>
  <tr>
    <td colspan="5">

      some text
      <br>

    </td>
    <td colspan="6">
      another text
      <br>

    </td>
    <td colspan="6">
      Logo
      <br>

    </td>
  </tr>
  <tr>
    <td colspan="8">&nbsp;</td>
  </tr>
  <tr>
    <td style="position: relative; font-size: 13px;" colspan="12">
      some text
    </td>
  </tr>
  <tr style="height:30px;">
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="6">
      <?php echo 'To');?>:</td>
    <td colspan="6">
      <?php echo 'From';?>:</td>
  </tr>

1 个答案:

答案 0 :(得分:0)

首先,您需要了解 colspan 属性。 colspan用于管理子col相对于父级的跨度。这意味着如果第一个有三个而下一个有一个,则意味着它需要colspan TWO才能与父母一致。你可以通过border =&#39; 1&#39;财产到表

见这里

&#13;
&#13;
<table border="1">
  <tr>
    <td>

      some text
      <br>

    </td>
    <td >
      another text
      <br>

    </td>
    <td>
      Logo
      <br>

    </td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td style="position: relative; font-size: 13px;" colspan="3">
      some text
    </td>
  </tr>
  <tr style="height:30px;">
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td><?php echo 'To');?>:</td>
    <td colspan="2">
      <?php echo 'From';?>:</td>
  </tr>
&#13;
&#13;
&#13;

上面你可以看到我的最大colspan是三,因为第一行有三行

检查这个小提琴http://jsfiddle.net/anandgh/y1gsqeq6/