[ CSS ] pre でも改行を生かしたまま折り返す
pre 要素で囲んだ一行が長い場合、親要素の幅に収まりきらず、スクロールバーが出てしまいます。 なんとか親要素の幅内で収めたい。 で、適当な位置で改行するように、 pre { overflow: auto; white-space: normal; } なる CSS を追加したのですが、今度は、私が追加した任意の改行まで無くなってしまいました。 調べてみると、下のようなコードを追加すると、改行を生かしたまま折り返してくれます。 pre { white-space: -moz-pre-wrap; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: pre-wrap; /* CSS3 */ word-wrap: break-word;
![[ CSS ] pre でも改行を生かしたまま折り返す](https://cdn-ak-scissors.b.st-hatena.com/image/square/4859fdea696635237235f320155e9d5ee90f1a78/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2015%2F10%2Fpre-wrap-win-ie7.gif)
MAMP に a-blog cms をインストールしてみた
2011 年 7 月 23 日に高松で開催予定の [a-blog cms](http://www.a-blogcms.jp/) セミナーに申し込んだので、予習がてらローカルマシンの MAMP に a-blog cms をインストールしてみました！ 今回の動作環境 ———————————————————————- – a-blog cms 1.4.1 – MAMP 1.7.1 – Mac OS 10.6.7 インストール手順 ———————————————————————- 基本的には、[MAMP ( 1.7.2 ) を使って a-blog cms をローカル環境で動作させる](http://www.a-blogcms.jp/support/tutorial/local/mamp.html) で紹介されている手順そのままで無事インストールできました。 次の二点だけ追加作業しました。 – LA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
