以梦喂马 发表于 2020-11-19 13:00:21

帮我看看，为什么会出现这种情况

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>标题</title>
                <style type="text/css">
                        html,body{
                        height: 100%;
                        color: #FF0088;
                        font-family: sans-serif;
                        }
                        body{
                        background: url(img/1605698767689.jpeg) center center;
                        background-size: cover;
                        margin: 0;
                        padding: 0;
                        position: relative;
                        }
                       
                        #container{
                                   width: 100%;
                                   text-align: center;
                                           position: absolute;
                                           top:50%;
                                           transform: translateY(-50%);
                                   }
                        h1{font-size: 66px;
                        margin-bottom: 22px;
                        }
                        p1{
                        font-size: 33px;
                        margin-bottom: 22px;
                        }
                        a{
                        font-size: 55px;
                        color: #ffaaff;
                        border:2px solid #00FFFF
                        border-radius: 5px
                        font-size: 20px;
                        background:#aaffff;
                        text-decoration: none;
                        padding: 10px 15px
                        }
                </style>
        </head>
        <body>
                <div id="container">
                <div>
                <h1>我爱鱼C</h1>
                <p1>WWW.FishC.com-让编程改变世界</p1>
                <a href="https://fishc.com.cn"target="_blank"><br>传送门OvO</a>
                </div>
        </body>
</html>

温木zou 发表于 2020-11-19 13:00:22

以梦喂马 发表于 2020-11-19 15:57
嗯，能不能跟我解释一下，我刚刚学，不太懂

padding是内边距的
你上面已经设置了居中，有了左边距之后，左边多出来的部分就会被挤到上一行
应该是这样的{:10_319:}

温木zou 发表于 2020-11-19 14:43:19

padding: 10px 15px把这个去掉就好了

以梦喂马 发表于 2020-11-19 15:57:36

温木zou 发表于 2020-11-19 14:43
padding: 10px 15px把这个去掉就好了

嗯，能不能跟我解释一下，我刚刚学，不太懂{:10_284:}

温木zou 发表于 2020-11-19 15:59:35

以梦喂马 发表于 2020-11-19 15:57
嗯，能不能跟我解释一下，我刚刚学，不太懂

你去百度一下padding参数的作用就明白了，太久没敲HTML的代码了记不清了
好像是什么边框来着

以梦喂马 发表于 2020-11-19 18:11:32

温木zou 发表于 2020-11-19 16:07
padding是内边距的
你上面已经设置了居中，有了左边距之后，左边多出来的部分就会被挤到上一行
应该是 ...

懂了懂了，谢谢{:10_266:}
页: [1]
查看完整版本: 帮我看看，为什么会出现这种情况