时间戳

首页 > 解决方案 > tag within a table tag

html - tag within a table tag

问题描述

标签： htmlhtml-tablehyperlink

解决方案

只需使用：

td{
width:20%
}


td{
width:20%;
}
<table width="100%">
  <tr height="40">
    <td style=" border: 2px dotted orange" colspan="5" height="auto" align="center">
      <p>Table-1</p>
    </td>

    <tr height="40">
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
    </tr>
    <tr height="40">
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
    </tr>

</table>
<br />
<br />
<br />
<table width="100%">
  <tr height="40">
    <td style=" border: 2px dotted orange" colspan="5" height="auto" align="center">
      <p>Table-2</p>
    </td>

    <tr height="40">
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
    </tr>
    <tr height="40">
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"><a href="http://www.google.com">Search</a></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
      <td style=" border: 2px dotted orange"></td>
    </tr>

</table>

推荐阅读