Html 如何获得等宽度居中td？

您好，正在创建新闻信函模板。目前，我陷入困境，无法超越创建的两个

，它们与相等且居中

请注意，这是一个时事通讯模板，所以自1998年以来，大多数花哨的网页内容在这里都没有用处

我已经附上了一个，但下面是代码！我需要两个在文本下居中的徽标。有什么想法吗

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆

您只需要在第一个td中使用colspan，请参见下面的代码

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆

您只需要在第一个td中使用colspan，请参见下面的代码

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆

除了指出的colspan外，要使单元格内容与图像居中，您需要将此样式添加到单元格中：

style="text-align:center;"

或者，您可以将图像的样式设置为：

style="display:block; margin:auto;"

---

我看到您在表标记中引用了一个类-如果您确实在使用单独的CSS表，那么通过使用一个类来设置这些样式是明智的。

除了指出的colspan之外，要将单元格内容与图像居中，您需要将此样式添加到单元格中：

style="text-align:center;"

或者，您可以将图像的样式设置为：

style="display:block; margin:auto;"

---

我看到您在表标记中引用了一个类-如果您确实在使用一个单独的CSS表，那么通过使用类来设置这些样式是明智的。

首先，您应该让文本跨两列的td，然后将图像td-s居中。1998年的方法是使用中心标记，但现代的方法是使用文本对齐：中心。在这里，我对其中一个图像使用“中心”，对另一个图像使用“文本对齐”。我还添加了一个边框以使表更可见，但是边框应该被删除

  <table border="1" style="height:100%;" align="center">
    <tr>
      <td colspan="2">
        <p style="font-size:14px;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        </p>
      </td>
    </tr>
    <tr>
      <td style="text-align:center">
        <img src="http://gdj.graphicdesignjunction.com/wp-content/uploads/2017/12/best-logos-2017-37.jpg" alt="logo-small.png" width="90px">
      </td>
      <td>
        <center><img src="https://www.prodesigns.com/backend/img/visual-brief/1497000058-alstrom.jpg" alt="noe-logo.png" width="90px"></center>
      </td>
    </tr>
  </table>
</td>

知识是一种美德，是一种美德，是一种美德，是一种美德。我们需要一个最低限度的练习

---

首先，您应该让带有文本的td跨越两列，然后将图像td-s居中。1998年的方法是使用中心标记，但现代的方法是使用文本对齐：中心。在这里，我对其中一个图像使用“中心”，对另一个图像使用“文本对齐”。我还添加了一个边框以使表更可见，但是边框应该被删除

  <table border="1" style="height:100%;" align="center">
    <tr>
      <td colspan="2">
        <p style="font-size:14px;">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
        </p>
      </td>
    </tr>
    <tr>
      <td style="text-align:center">
        <img src="http://gdj.graphicdesignjunction.com/wp-content/uploads/2017/12/best-logos-2017-37.jpg" alt="logo-small.png" width="90px">
      </td>
      <td>
        <center><img src="https://www.prodesigns.com/backend/img/visual-brief/1497000058-alstrom.jpg" alt="noe-logo.png" width="90px"></center>
      </td>
    </tr>
  </table>
</td>

知识是一种美德，是一种美德，是一种美德，是一种美德。我们需要一个最低限度的练习

---

您的表格布局无效-您的每行列数不相等添加到

您的表格布局无效-您的每行列数不相等添加到