タグ

Web制作に関するfuyunekoのブックマーク (2)

  • 【CSS】改行を含むテキストの表示をスタイルシートで? at softelメモ

    問題 以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ? 改行を含むテキスト あいうえおかきくけこ 日は晴天なり ↓ nl2br($str) 改行を含むテキスト<br /> あいうえおかきくけこ<br /> 日は晴天なり 答え それでもいいんだけど、スタイルシートで対応するのはどう? <div style="white-space:pre-wrap;">改行を含むテキスト あいうえおかきくけこ 日は晴天なり</div> ↓ ほら。 事例 twitterPC版で改行の表示を対応したとき、white-space:pre-wrap;したみたいです。 ブラウザの対応状況は? white-space:pre-wrap;はIE6以前がだめらしい。今なら使っても大丈夫でしょう。 「HTMLで改行といったら<br />で

    【CSS】改行を含むテキストの表示をスタイルシートで? at softelメモ
  • [ウェブサービスレビュー]ダミー画像を簡単に生成できる国産ジェネレータ「Placehold.jp」

    内容:「Placehold.jp」は、ウェブサイトの制作においてダミー画像が必要な時、画像サイズなどの条件を入力するだけで必要な画像を出力できるジェネレータだ。スタイルシートも利用できるほか、国産のサービスということもあって代替テキストに日語が使用できるのが大きな特徴だ。 「Placehold.jp」は、ウェブサイトの制作においてダミー画像が必要な時、画像サイズなどの条件を入力するだけで必要な画像を出力できるジェネレータだ。国産のサービスで、代替テキストに日語が使用できるのが大きな特徴だ。 使い方は前回紹介した「DummyImage.com」をはじめとする競合サービスとよく似ており、サイズや色などの条件をパラメータとして入力する。完成した画像はダウンロードもできるほか、「placehold.jp/48/000000/ffffff/640x480.png」といった具合にパラメータが埋め込

    [ウェブサービスレビュー]ダミー画像を簡単に生成できる国産ジェネレータ「Placehold.jp」
  • 1