Blog

HTML の pre を折り返したい

HTML の pre 要素を利用して表示させているときに、通常は長い行があっても折り返されない。 折り返したい場合は以下のようにする。

.wrap {
  white-space: pre-wrap;
  word-wrap: break-word;
}