問題描述
如何在時事通訊的 html 單元格中均勻分佈內容? (How to evenly distribute content across an html cell for a newsletter?)
This is a newsletter so its heavy on tables and can't use much CSS but I'm sure there must be a solution.
I have a design I'm working on with the title of the newsletter at the top. Directly under that I want it to read Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec. Directly under that will be the start of the first content section.
This is a snippet of what I've got so far but its not justifying how I want. I'm trying to find a solution to have those months evenly spread across the 450px width. If necessary I can put a table inside that row. I'm sure this is something simple I'm just not seeing.
<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> </td>
<td style="background‑color: #4D4D4D;" width=450px><span style="color: #FFF;">Industry Updates</span></td>
</tr>
<tr><td width=10px> </td><td width=450px>
‑‑‑‑‑
參考解法
方法 1:
If you place it in a table with a set width, the cells inside will justify on their own.
<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>
Here it is in http://jsfiddle.net/QymYH/
Thanks,
Pedro
(by Ryan、Pedro Estrada)