jQuery:进度条内的中心文本

Question

我试图在 jQuery 进度条内将文本垂直和水平居中。我管理它水平居中但不是垂直。 Here is what I have at the moment

我的 HTML:

<div id='progressbar'><div id='label'>My text</div></div>

我的 CSS:

#progressbar {
    width: 80%;
    text-align: center;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

#label {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle;
}

我的 JavaScript:

$("#progressbar").progressbar({
    value: 50
});

Answer 1

通过添加管理:

line-height: 200%;

结果:http://jsfiddle.net/GYW73/1/

我的 HTML:

<div id='progressbar'><div id='label'>My text</div></div>

我的 CSS:

#progressbar {
    width: 80%;
    text-align: center;
}

#label {
    width: 100%;
    float: left;
    line-height: 200%;
}

我的 JavaScript:

$("#progressbar").progressbar({
    value: 50
});