More than 5 years have passed since last update.

`<pre>`で表示幅改行する css

CSS
改行
pre

Posted at 2015-06-15

<pre>タグの中で、表示幅で改行させるcss

<head><style></style></head> の中に書きます。

pre-wrap.css

pre {
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up