jquery - 如何在滑动div中停止文本换行和垂直居中文本

Question

我有一个从图片中滑出的 div，但我想将此 div 中的文本垂直居中，并且在 div 扩展/滑出时不换行或展开。我仍然希望它留在 div 内而不溢出。

这是我的 fiddle 和 CSS:

http://jsfiddle.net/JohnWeb/rBsLx/21/

.textbox
{
    max-width: 610px;
    height: 155px;
    padding: 10px;
    display: none;
    overflow: hidden;
    text-wrap: none;
    background: linear-gradient(to bottom, rgba(5, 58, 24, 0.65) 10%,rgba(0,0,0,0.13) 93%,rgba(0,0,0,0) 100%);
    border-radius: 0 10px 10px 0;
}
.textbox p
{
    font-weight: bold;
    font-size: 18px;
    text-wrap:  none;
}

Answer 1

给<div>里面的段落一个宽度例如，否则它只会占用其父级的 100% 实际宽度。例如:http://jsfiddle.net/rBsLx/22/

.textbox p {
    font-weight: bold;
    font-size: 18px;
    width: 610px;
}

我设置了610px , 因为它是 max-width你给那个<div>