CSSで改行を制御する方法は色々ある

改行方法などを制御するCSSプロパティは色々あります。プロパティの効果だけ見ててもわかりにくいので、目的別に適切なプロパティ設定をまとめてみました。

単語中でも強制的に改行させる

.wrap
{
    word-break: break-all;
}

はみ出る文字に三点リーダをつける

.ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

改行させたくない単語

.nowrap
{
    display:inline-block;
}

均等割り付け

.justify
{
    text-align: justify;
    text-justify: inter-ideograph;
}