tiangej 2017-08-31 02:44 采纳率: 50%
浏览 1385

请教:Table标签的浏览器兼容性问题

目标
1. 建立3列的Table。Table宽度根据内容自适应。
2. 3列的宽度都是根据内容长度自适应,最后一列宽度由Table总宽度决定

课题
执行如下代码,
Chrome以外的浏览器: 满足上述目标
Chrome: 第二列,第三列的宽度不符合目标要求(第二第三列的宽度不是自适应,而是看起来像平分了剩余宽度)

请朋友们指点指点!

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <table style="border: 2px solid;">
            <caption>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</caption>
            <tr>
                <td>1</td>
                <td>aaa</td>
                <td>aaaaaaaaa</td>
            </tr>
            <tr>
                <td>1</td>
                <td>aaaaaaaaa</td>
                <td>aaaa</td>
            </tr>
        </table>
    </body>
</html>

图片说明

图片说明

  • 写回答

5条回答 默认 最新

  • 普通网友 2017-08-31 03:15
    关注

    第一行没有

    ?
    评论

报告相同问题?