如何在时事通讯的 html 单元格中均匀分布内容？

Posted 2023-03-16

【中文标题】如何在时事通讯的 html 单元格中均匀分布内容？

【英文标题】：How to evenly distribute content across an html cell for a newsletter?

【发布时间】：2013-02-13 13:55:50

【问题描述】：

这是一个时事通讯，所以它在表格上很重，不能使用太多 CSS，但我相信一定有解决方案。

我正在做一个设计，顶部是时事通讯的标题。直接在它下面我希望它阅读 Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec. 直接在下面将是第一个内容部分的开始。

这是迄今为止我所获得的内容的一个简单介绍，但它并不能证明我想要的方式。我试图找到一个解决方案，让这些月份均匀分布在 450px 宽度上。如有必要，我可以在该行内放置一个表格。我敢肯定这很简单，我只是没有看到。

<table>
    <tr><td width=10px></td><td width=450px>Title</td></tr>
    <tr><td width=10px>
    </td><td width=450px>
        <span style="text-align: justify;">
                    Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
        </span>
    </td>
    <tr>
        <td style="background-color: #5DB1E3;" width=10px>&nbsp;</td>
        <td style="background-color: #4D4D4D;" width=450px><span style="color: #FFF;">Industry Updates</span></td>
    </tr>
    <tr><td width=10px>&nbsp;</td><td width=450px>

【问题讨论】：

我会把所有月份放在一个 12 列的表格中

除了手动将 450px 宽度除以 12 并将其作为每个单元格的宽度之外，我如何在该表格中均匀分布单元格？

如果设置表格宽度为450px，单元格会自动分割

jsfiddle.net/QymYH 给你

嗯，我发誓我早点尝试过，但一定错过了什么。谢谢。如果您使用代码将其作为答案，我会很乐意将其标记为您的答案。

【参考方案1】：

如果你把它放在一个设定宽度的表格中，里面的单元格会自己对齐。

<table width=450px>
  <tr>
    <td>Jan</td>
    <td>Feb</td>
    <td>Mar</td>
    <td>Apr</td>
    <td>May</td>
    <td>Jun</td>
    <td>Jul</td>
    <td>Aug</td>
    <td>Sep</td>
    <td>Oct</td>
    <td>Nov</td>
    <td>Dec</td>
  </tr>
</table>

这里是http://jsfiddle.net/QymYH/

谢谢，

佩德罗

【讨论】：

感谢所有我能猜到的是，当我尝试这种方法时，我将 td 宽度设置为 450，但没有设置嵌套表。不过现在效果很好。