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

请教: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条回答

  • ooo-ooo 2017-08-31 03:15
    关注

    第一行没有

    ?
    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题