我有一个从图片中滑出的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;
}
答案 0 :(得分:1)
为<div>
内的段落赋予宽度,否则它只占其父级的100%实际宽度。例如:http://jsfiddle.net/rBsLx/22/
.textbox p {
font-weight: bold;
font-size: 18px;
width: 610px;
}
我设置了610px
,因为它是max-width
的{{1}}