提问者:小点点

样式底部和左侧计算通过JS不工作


我写了一个更大的代码,但是出于测试的目的,我把它分解成一个测试代码。也许是个很小的错误--但我找不到。

你看到我错过了什么吗?

我想做的是:通过js设置顶部和底部的间隙-它应该可以工作-我以前做过-我只需要在大程序中计算它-因此我使用%和css“calc-函数

测试代码如下:

       <!doctype html>
        <html lang="en">
            <head>
                <meta charset="utf-8">
                <title>test</title>
            </head>
        
            <body>
                
                <p id="hi">hey</p>
                
                
            </body>
                    <script>
                        document.getElementById('hi').style.display= "block";
                        document.getElementById('hi').style.bottom= "calc( 50% "+" + "+" 20% )";
                        document.getElementById('hi').style.left=   "calc( 50% "+" + "+" 20% )";
                    </script>
        </html>

共1个答案

匿名用户

我用替换了,并组合了字符串,代码似乎可以正常工作。