FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

URL等の連続した半角英数字の折り返し

ブラウザは連続した半角英数字を途中で折り返しません。
それを1つの単語と捉えてしまうからです。

当サイトの公開している共有テンプレートであれば
standardシリーズは内包物に合わせて枠が広がり、
lightframeシリーズは枠をはみ出して表示されてしまいます。

lightframeシリーズのこの問題を解決する方法を紹介します。
スタイルシートの末尾に以下を加えてください。

/* 記事の折り返し */
.ently_text {
word-wrap: break-word;
}

/* コメントの折り返し */
.comment_text {
word-wrap: break-word;
}


これで連続した英数字でも枠内で折り返されます。

関連記事
[ 5265 ] これは便利!
いつもお世話になっています。
特に英語学習ブログを運営してる私には、これは使えます。
早速スタイルシートに追加しました。
有難うございます。
[ 2009/08/03 12:15 ] [ 編集 ]
[ 5266 ] 管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2009/08/03 12:32 ] [ 編集 ]
[ 5272 ] > 豪州サンディさん
ブラウザとバージョンによっては効かないことがあるようなので、それが解ったらまた追記しますね。
[ 2009/08/03 19:33 ] [ 編集 ]
[ 8687 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2010/05/12 22:46 ] [ 編集 ]
[ 8789 ] 承認待ちコメント
このコメントは管理者の承認待ちです
[ 2011/01/19 21:06 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

09 | 2023/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ユーザータグ


△ ページトップへ戻る