我想把桌子设置成全高和宽

Okay so I want to set the table to full height and width I mean I want it to be full screen and I really don't know what is wrong. The width it's okay, it is to full size but something is wrong with the height.

好的,所以我想将表格设置为全高和宽度我的意思是我希望它是全屏的,我真的不知道出了什么问题。宽度没关系,它是全尺寸但高度有问题。

    <!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Beta design</title>
        <style type="text/css">
        .tg  {border-collapse:collapse;border-spacing:0;}
        .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
        </style>
    </head>
    <body>

        <div id="login">
            <img src="login.png" alt="Login"s>
        </div>

        <table class="tg">
            <tr>
                <td class="tg-031e"></td>
                <td class="tg-031e"></td>
                <td class="tg-031e"><td>
            </tr>
            <tr>
                <td class="tg-031e"></td>
                <td class="tg-031e"></td>
                <td class="tg-031e"></td>
            </tr>
            <tr>
                <td class="tg-031e"></td>
                <td class="tg-031e"></td>
                <td class="tg-031e"></td>
            </tr>
        </table>

    </body>
</html>

and the css:

和CSS:

    body {
  background-image: url("wallpaper 2 final.png")
}
#login {
     position: fixed;
     top: 50%;
     left: 50%;
     height: 400px;
     width: 360px;
     margin-top: -200px;
     margin-left: -180px;
}
.tg {
     height: 100%;
     width: 100%;
}

1 个解决方案

#1

Give this to the top of the CSS:

将它放在CSS的顶部:

html, body {width: 100%; height: 100%;}

1 个解决方案

#1

更多相关文章

随机推荐