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

发布网友 发布时间：2022-04-20 09:06

我来回答

共4个回答

热心网友 时间：2022-04-20 10:35

<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>

热心网友 时间：2022-04-20 11:53

<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>

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

热心网友 时间：2022-04-20 13:28

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

热心网友 时间：2022-04-20 15:19

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