第二个tr标签显示在第一个tr标签上方

时间:2019-04-12 13:31:15

标签: html

我有一个表,在该表中有一个tr标记,这个tr标记包含两个单独的td标记,其中第一个td标记包含{{1 }}标签和第二个img包含整个新表。此外,该表具有两个不同的td标签。现在,当我尝试在第一个表内添加一个新的td标记时,应将其添加到第一个tr标记的下方,但它会显示在第一个tr标记的上方。

tr

1 个答案:

答案 0 :(得分:0)

您尚未为第二个<td>添加<tr>标记

<table>
  <tr>
    <td>
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS56K-U4En-hLXTl1y1ZLG0aZ4ZaiJagJtkkHv1FA4kjst1k-iKgw" style="height: 50px;width: 50px; border-radius: 50%" />
    </td>
    <td>
      <table>
        <tr>
          <td style="font-size: 15px; font-weight: 900; color: blue">First Inner td</td>
        </tr>
        <tr>
          <td style="font-size: 10px;color: lightslategrey">Second Inner td </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="2"> <!-- added this -->
      This Should Display After First Row
    </td> <!-- added this -->
  </tr>
</table>