タグ

折り返しに関するext3のブックマーク (2)

  • white-space-スタイルシートリファレンス

    white-spaceプロパティは、ソース中のホワイトスペース(連続する半角スペース・タブ)・改行の表示方法を指定する際に使用します。 white-spaceプロパティは、 1.ソース中のホワイトスペース(連続する半角スペース・タブ)の表示方法 2.ソース中の改行の表示方法 の2点を指定するプロパティです。 この2つの表示方法の組み合わせパターンの数だけ値が用意されている、と考えると理解しやすいかもしれません。 ■値 normal ソース中のホワイトスペースを無視 ソース中の改行を1つの半角スペースとして表示 ボックスサイズが指定されている場合にはそれに合わせて自動改行する(初期値) pre ソース中のホワイトスペースをそのまま表示 ソース中の改行をそのまま表示 ボックスサイズが指定されている場合にも自動改行しない nowrap ソース中のホワイトスペースを無視 ソース中の改行を1つの半角

  • pre要素で折り返しをするためのCSS

    pre要素でソースコードを折り返すためのCSSです。最近は色々なSyntax Highlighterが登場しているので必要ないかもしれませんが、URLなどの横に長い文字列をpre要素で表示したいときに有効かもしれません。 1.CSS 以下のCSSでpre要素の文字が折り返せます。「white-space: pre-wrap」または「word-wrap: break-word」に未対応のブラウザはoverflowプロパティでスクロールします。 pre { white-space: pre-wrap; word-wrap: break-word; overflow: auto; } 以下は、過去の記事でよくみかけた設定です。 pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; w

    pre要素で折り返しをするためのCSS
  • 1