·矮矮够不到· 2022-04-04 18:36 采纳率: 100%
浏览 110
已结题

HTML前端:怎样居中显示时间

现在我已经写出来了时间可以预览了,但是不知道如何调整时间位置(求帮/
<!DOCTYPE html>
<html lang="en">
<head>
    <body style="background: url(https://ftp.bmp.ovh/imgs/2020/11/65575b40c558e185.jpg) ; background-size:100% 100% ; background-attachment: fixed">
</body>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            #Main
            {
                margin-top: 40px;
                margin-left: 50px;
                height: 100px;
                font-size: 30px;
            }
        </style>
        <script type="text/javascript">
            window.onload=function()
            {
                window.requestAnimationFrame(getDate)
            }
            
            function getDate()
            {
                window.setTimeout(function(){
                    window.requestAnimationFrame(getDate)
                },1000/2)
                var d=new Date();   
                var year=d.getFullYear()  //获取年
                var month=d.getMonth()+1;  //获取月,从 Date 对象返回月份 (0 ~ 11),故在此处+1
                var day=d.getDay()    //获取日
                var days=d.getDate() //获取日期
                var hour=d.getHours()   //获取小时
                var minute=d.getMinutes()  //获取分钟
                var second=d.getSeconds()   //获取秒
                
                if(month<10) month="0"+month
                if(days<10) days="0"+days
                if(hour<10) hour="0"+hour
                if(minute<10) minute="0"+minute
                if(second<10) second="0"+second
                
                var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
                var Tools=document.getElementById("Main")
                var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second
                Tools.innerHTML=da
            }
            
        </script>
    </head>
    <body>
        <div id="Main"></div>
    </body>
</html>


</html>
运行预览

img

我想要达到的结果

希望可以一条代码或者几行代码块直接穿插进去就可以将时间移动到页面中间
希望的结果
差不多是这样的,但时间要在搜索栏的位置

img

  • 写回答

4条回答 默认 最新

  • 林一怂儿 前端领域新星创作者 2022-04-04 18:50
    关注

    不知道你说的是不是只是把时间居中 (lll¬ω¬)

    img

    #Main {
      margin-top: 40px;
      margin-left: 50px;
      height: 100px;
      font-size: 30px;
      /** 增加以下文字居中以及顶部外边距 */
      margin-top: 200px;
      text-align: center;
     }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 8月1日
  • 已采纳回答 7月24日
  • 创建了问题 4月4日

悬赏问题

  • ¥15 给出完整的python代码并解释
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了
  • ¥15 如何删除这个虚拟音频
  • ¥50 hyper默认的default switch
  • ¥15 网站打不开,提示502 Bad Gateway
  • ¥20 基于MATLAB的绝热压缩空气储能系统代码咨询
  • ¥15 R语言建立随机森林模型出现的问题
  • ¥15 关于#wpf#的问题:怎么更改LayoutGroup组件的标签页的字体颜色
  • ¥15 中级微观经济学,生产可能性边界问题