民工Vessel 2021-11-25 10:57 采纳率: 100%
浏览 70
已结题

在学习html和css,不明白为什么06格子那么小而其他格子那么大,怎么才能让他们一样大或者让06格子最大其他的一样大呢?

不明白为什么06格子宽度那么小而其他格子宽度那么大,怎么才能让他们宽度一样大或者让06格子最大其他的一样大呢,请指教

img


====================================================================================
最好能得到这样的效果

img


<body>
    <table width=100%
        style="margin-top: 10px;padding-top: 10px;margin-left: 5%;margin-right: 5%;background-color:rgb(238, 221, 195) ; width: 98%; height: 45px;">
        <tr style="height: 45px;line-height: 45px;font-size: 24px;">
            <td width=16%
                style="font-weight: bold;text-align: center;border: 2px solid white;text: shadow 1px 1px black;">01
            </td>
            <td width=16%
                style="font-weight: bold;text-align: center;border: 2px solid white;text-shadow:  1px 1px black;">02
            </td>
            <td width=16%
                style="font-weight: bold;text-align: center;border: 2px solid white;text-shadow:  1px 1px black;">03
            </td>
            <td width=16%
                style="font-weight: bold;text-align: center;border: 2px solid white;text-shadow:  1px 1px black;">04
            </td>
            <td width=16%
                style="font-weight: bold;text-align: center;border: 2px solid white;text-shadow:  1px 1px black;">
                05
            </td>
            <td width=16% rowspan="2">
                <div
                    style="font-weight: bold;text-align: center;border: 2px solid white;text-shadow: black;height: 60px;line-height: 60px;width: 90%; vertical-align: middle;white-space: nowrap;">
                    06</div>
            </td>
        </tr>
        <tr style="height: 45px; line-height: 45px;background-color: rgb(238, 221, 195);font-size: 28px; ">
            <td width=16%
                style="padding-top: 10px;border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;">
                <input type="text"
                    style="margin: 2px 5px; border-radius: 5px; background-color: transparent; border-color: transparent;text-align: left;">
            </td>
            <td width=16%
                style="padding-top: 10px;border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;">
                <input type="text"
                    style="margin: 2px 5px; border-radius: 5px; background-color: transparent; border-color: transparent;text-align: left;">
            </td>
            <td width=16%
                style="padding-top: 10px;border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;">
                <input type="text"
                    style="margin: 2px 5px; border-radius: 5px; background-color: transparent; border-color: transparent;text-align: left;">
            </td>
            <td width=16%
                style="padding-top: 10px;border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;">
                <input type="text"
                    style="margin: 2px 5px; border-radius: 5px; background-color: transparent; border-color: transparent;text-align: left;">
            </td>
            <td width=16%
                style=" padding-top: 10px;border-left: 2px solid white;border-right: 2px solid white;border-bottom: 2px solid white;width: 10%;">
                <input type="text"
                    style="margin: 2px 5px; border-radius: 5px; background-color: transparent; border-color: transparent;text-align: left;">
            </td>
        </tr>
    </table>
</body>
</html>
  • 写回答

2条回答 默认 最新

  • 你好!机器人 2021-11-25 11:11
    关注

    第二个tr少了一个td

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 12月3日
  • 已采纳回答 11月25日
  • 修改了问题 11月25日
  • 创建了问题 11月25日

悬赏问题

  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 AT89C51控制8位八段数码管显示时钟。
  • ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
  • ¥15 下图接收小电路,谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题