用新行包装长帖标题

Question

我的一些帖子标题很长，当我在手机上观看时，长标题文字会在屏幕宽度的末尾被切断，就像它消失了一样。

我想要做的是让长标题文字继续在一个新行而不是一段消失。

我尝试过以下但不能正常工作：

.vtitle {
word-wrap: break-word;
word-break:break-all;
white-space: nowrap;
}

CSS：

.vtitle {
    font: Normal 34px 'Tulpen One', Dosis, sans-serif !important;
    padding-top: 12px;
    word-break: normal !important;
}

Answer 1

我自己解决了这个问题，感谢那些回应的人。解决这个问题的方法就是使用像这样的空白区域：

.vtitle {
    white-space: normal !important;
}

添加!important强制自定义css覆盖默认值。

Answer 2

试试这个：

.vtitle {
    word-break:break-word;
}

Fiddle here.

Answer 3

嗯，想在小提琴上试一试，但似乎有效：

http://jsfiddle.net/n7UTK/3/

HTML：

<div class="title">
    <h1>A long title in a tiny place.</h1>
</div>

CSS：

.title
{
     width   : 100px;  
}

它也适用于我的手机......