Pneumonoultramicroscopicsilicovolcanoconiosis

タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。

ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。

チェックすべき項目:

  • タイトル・コンテンツ・コメント内の改行なしテキストが、レイアウトや機能に悪影響を及ぼしてはなりません。
  • ブラウザのウインドウやタブのタイトルをチェックしてください。
  • プラグインやウィジェットの開発者の方は、このテキストにより何かが崩れたりしていないかチェックしてください。

改行なしテキストにうまく対応するために、以下の CSS プロパティが役立つでしょう。

-ms-word-wrap: break-word;

word-wrap: break-word;

関連記事

  1. 1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。

  2. 極端な例: たくさんのタグ

  3. 極端な例: たくさんのカテゴリー

  4. 極端な例: ネスト化された混合リスト

  5. 極端な例: コンテンツのない投稿