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