Question

html中表格的两行里不能实现列与列的对齐，怎么办？如果能解决膜拜之。

<tr align="center">
<td><img src="five.jpg" width="80" height="50"></td>
<td><img src="two.jpg" width="80" height="50"></td>
<td><img src="three.jpg" width="80" height="50"></td>
<td><img src="four.gif" width="80" height="50"></td>
<td><img src="one.jpg" width="80" height="50"></td>
<td><img src="six.jpg" width="80" height="50"></td>
</tr>
<tr>
<td><a href="###">aaa</a></td>
<td><a href="###">bbbbbbbbbbbbbbbb</a></td>
<td><a href="###">ccccc</a></td>
<td><a href="###">aaaaa</a></td>
<td><a href="###">ssss</a></td>
<td><a href="###">vvvvvvvvvvvvvvvv</a></td>
</tr>
每一个每一个图片线面都是一个说明图片的文字连接，由于有的链接字数过长，撑宽了列，不能实现图与字对齐，如果加宽表格，图片间距又不一样，怎么破？

Answer 1

<table border=1>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<col width=80>
<tr align="center">
<td><img src="five.jpg" width="80" height="50"></td>
<td><img src="two.jpg" width="80" height="50"></td>
<td><img src="three.jpg" width="80" height="50"></td>
<td><img src="four.gif" width="80" height="50"></td>
<td><img src="one.jpg" width="80" height="50"></td>
<td><img src="six.jpg" width="80" height="50"></td>
</tr>
<tr style="word-break:break-all;">
<td><a href="###">aaa</a></td>
<td><a href="###">bbbbbbbbbbbbbbbb</a></td>
<td><a href="###">ccccc</a></td>
<td><a href="###">aaaaa</a></td>
<td><a href="###">ssss</a></td>
<td><a href="###">vvvvvvvvvvvvvvvv</a></td>
</tr>
</table>

Answer 2

<table>
    <thead>
        <th width="16%"></th>
        <th width="16%"></th>
        <th width="16%"></th>
        <th width="16%"></th>
        <th width="16%"></th>
        <th></th>
    </thead>
    <tbody>
        <tr align="center">
            <td><img src="five.jpg" width="80" height="50"><a href="###">bbbbbbbbbbbbbbbb</a></td>
            <td><img src="two.jpg" width="80" height="50"><a href="###">ccccc</a></td>
            <td><img src="three.jpg" width="80" height="50"><a href="###">aaaaa</a></td>
            <td><img src="four.gif" width="80" height="50"><a href="###">ssss</a></td>
            <td><img src="one.jpg" width="80" height="50"><a href="###">vvvvvvvvvvvvvvvv</a></td>
            <td><img src="six.jpg" width="80" height="50"><a href="###">aaa</a></td>
        </tr>
    </tbody>
</table>

这样就可以了，给每个列设置宽度，希望能帮到您，谢谢

Answer 3

使用text-overflow:ellipsis;让超出的文字变为省略号

Answer 4

列等宽吧？2个列都50%宽带，不要有边框。