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

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 下图接收小电路,谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探