この前、ありがちなことで困ったのでその解決法を記録しておきます。

URLなどの連続した英数字なのですがこれが長いとそれを囲んでいるボックス幅に達しても折り返さず

ボックス幅を押し広げてしまいます。

これを解決するCSSをみつけました。

ポイントは下記の２つです。

これでボックスの幅以内で折り返すようです。

word-wrap: break-word;
word-break: break-all;

/* urlの自動折り返し用 */ p.url { width: 190px; word-wrap: break-word; word-break: break-all; margin: 0px; padding: 0px; display: block; }

作成日時:2010年11月25日 22:56