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

时间:2014-01-29 00:00:07

标签: jquery css html

我有一个从图片中滑出的div,但是我希望将文本垂直放在这个div中,并且当div扩展/滑出时不要换行或者打开它。我仍然希望它留在div内而不是溢出。

这是我的小提琴和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;
}

1 个答案:

答案 0 :(得分:1)

例如,

<div>内的段落赋予宽度,否则它只占其父级的100%实际宽度。例如:http://jsfiddle.net/rBsLx/22/

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

我设置了610px,因为它是max-width的{​​{1}}