将文本居中置于多个Div之上？-CenteringtextontopofmultipleDivs?

1  

There's probably a better way but this works: http://jsfiddle.net/SFHft/

可能有更好的方法,但这有效:http://jsfiddle.net/SFHft/

Use a second div with position:absolute:

使用位置的第二个div:absolute:

    

    
TEST


#bar1 div.anim 
{
    background-color: green;
    height: 20px;   
    border-radius: 10px;
    -webkit-background-size:50px 50px;
    background-image:
        -webkit-repeating-radial-gradient(center, circle, green, #00BB00 40%, green 80%);
        -webkit-animation:upbar 3s linear infinite;
}

#bar1 div.text 
{
    text-align:center;
    position:absolute;
    color:#fff;
    top: 3px;
    left: 50%;
    width: 100px;
    margin-left: -50px;
}

1  

You can center horizontally the child div with margin: 0 auto:

您可以使用margin:0自动水平中心div:

• Fiddle
• MDN about margin

关于保证金的MDN

1  

that's because your inner bar has width:55% of the parent div(div.bar1). either give it a full width, to bring the text to the center, or place your text outside.

那是因为你的内部条有宽度:父div的div%(div.bar1)。或者给它一个完整的宽度,将文本带到中心,或者将文本放在外面。

you can also play with position:absolute

你也可以玩位置:绝对

see this fiddle

看到这个小提琴