почему дополнительное место в правой части абзаца? - PullRequest
Новая
       1

почему дополнительное место в правой части абзаца?

0 голосов
/ 23 февраля 2012

Я не уверен, почему мой

показывает пробел с правой стороны.Вот мой простой код 

<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

1 Ответ

0 голосов
/ 23 февраля 2012

Вам нужно будет установить одинаковое поле слева и справа: 

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

Выше установленное поле 20px слева и справа.

Или так какиспользуя положение absolute, вы можете использовать свойство right, чтобы переместить его немного влево, чтобы удовлетворить ваши потребности, например: 

#splash .loading { right:10px; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...