html - 如何使用css在文本左侧添加加载器

Question

我创建了一个带有文本的加载器，但它与文本不符，我还附上了屏幕截图供您参考。

我的html：

var html = `<div class="messages warning">
    <h2>Network Drive Sync In Process....</h2>
    <blockquote>"Please do not close or refresh this window during process</blockquote>
    </div>`
jQuery("#block-system-main").html(html);

CSS：

.messages.warning {
    display: none;
    position: relative;
    height: 50%;
    width: 50%;
    background: rgba( 255, 255, 255, .8 )
    url('http://i.stack.imgur.com/FhHRx.gif')
    no-repeat;
}

.messages.warning {
    overflow: hidden;
}
.messages.warning {
    display: block;
}

我想在左侧文本的中心调整加载器，目前，你可以看到它在文本的顶部。

标签： htmlcssloader

Answer 1

也许你只需要background-position:left center;