css - 将长帖子标题换行

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;
}

score 1 · Accepted Answer

我自己解决了这个问题，并感谢那些回应的人。对此的解决方法是简单地使用这样的空白：

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

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

score 0 · Accepted Answer

好吧，想在小提琴上尝试一下，但它似乎有效：

HTML：

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

CSS：

.title
{
     width   : 100px;  
}

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

score 0 · Accepted Answer

0

尝试这个：

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

于 2013-11-05T08:08:03.030 回答

3 回答 3