Question

我不确定为什么我的

从右侧显示空格。这是我的简单代码

<body>
    <div data-role="page" id="splash">

        <div data-role="content">   
            <p class="loading">loading...</p>       
        </div><!-- /content -->

    </div><!-- /page -->

</body>

CSS

#splash {
    background: #9d0104 url(../images/logo.png) no-repeat center 30%;
    background-size: 182px;     
}
#splash .loading {
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    top: 75%;
    background: #ff0000 url(../images/loading.png) no-repeat center top;
    padding-top: 20px;
}

这是截图 enter image description here

Answer 1

您必须从左侧和右侧设置相等的边距：

#splash .loading { margin:0 20px; }

上方设置20px边距左侧和右侧。

或者，由于您使用的是absolute位置，因此可以使用right属性将其向左移动以满足您的需求，例如：

#splash .loading { right:10px; }

为什么段落右侧有额外的空间？

1 个答案: