Question

我尝试使用中心标签，尝试使用align：center。我尝试了几件事，但没有使td标签居中。我试图居中的td标签是最后一张图片，它固定在左侧。这也是指向实际页面的链接，因为我使用了内联css，因此在检查器中更容易分开。

<table>
  <tbody>
    <tr>
      <td><img class="shadowed" src="//cdn.shopify.com/s/files/1/1258/4447/files/pic1_large.jpg?v=1539611201" /></td>
      <td><img class="shadowed" src="//cdn.shopify.com/s/files/1/1258/4447/files/pic1_large.jpg?v=1539611201" /></td>
      <td><img class="shadowed" src="//cdn.shopify.com/s/files/1/1258/4447/files/pic1_large.jpg?v=1539611201" /></td>
    </tr>
    <tr>
      <td> <img class="shadowed" src="//cdn.shopify.com/s/files/1/1258/4447/files/38-Breckenridge-2-6-6T-Naked-Brass_large.jpg?v=1539704926" alt="" width="613" height="258" /></td>
    </tr>
  </tbody>
</table>

Answer 1

要使最后一行的单元格全宽（这样您就可以将其中的内容居中放置），您需要给它colspan="3"。

<tr>
  <td colspan="3" style="text-align: center;">
    <a href> 
       <img  />
   </a>
 </td>

请注意不同之处：您不能将单元格连续居中。您只能将其跨越多列并将其内部居中放置。

尽管上述方法可行，但我需要强调一个事实，即您不应使用<table>元素进行布局。十多年前，它不再是一种可接受的技术。

相反，您应该使用网格，弹性框或块级元素。

如何将表格单元格居中排成一行，单元格比其余单元格少？

1 个答案: