Question

我有一些我希望以我的网页为中心的javascript代码，如果我用<div align="center">将其括起来，那么它可以正常工作，但验证者说它不是有效的HTML5。

我尝试将其更改为＆＃34;保证金：0自动;＆＃34;没有运气。我也尝试过使用＆＃34; text-align：center＆＃34;那也不起作用。我甚至补充道 .center {margin：0 auto};到我的样式表，但也没有。

只是好奇为什么代码不能正确地使用这些技术中心。

我的工作代码如下。

<div align="center"> 
<script type="application/javascript">
        var myCountdownTest = new Countdown({
                                            month   : 5, 
                                            day     : 19,
                                            width   : 300, 
                                            height  : 50,
                                            hideLine: true,
                                            rangeHi :"months"
                                            });
        </script>
</div>

Answer 1

请尝试以下代码。

 .center
        {
            width:300px; /*This is same as Countdown width in your javascript*/
            margin: 0 auto;          
            text-align:center;
        }

    <div class="center"> 
    <script type="application/javascript">
            var myCountdownTest = new Countdown({
                                                month   : 5, 
                                                day     : 19,
                                                width   : 300, 
                                                height  : 50,
                                                hideLine: true,
                                                rangeHi :"months"
                                                });
            </script>      
    </div>

Answer 2

尝试.center{margin:auto;}

您可能还需要设置宽度属性，如.center{width:50px;margin:auto;}

如何使用内联css集中javascript元素？

2 个答案: