• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
MONOCiL

MONOCiL

いつもの昨日より、今日少しだけ物知りに。そんな備忘録。

  • #Column
  • #Development
    • #Web Dev
    • #WordPress
  • #Profile
  • #Markup
  • #Tokyo
Home / Money&Finance / Pneumonoultramicroscopicsilicovolcanoconiosis

Pneumonoultramicroscopicsilicovolcanoconiosis

Money&Finance Post:2009-10-05Update:2009-10-05

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

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

チェックすべき項目:

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

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

-ms-word-wrap: break-word;

word-wrap: break-word;

RELATED

  • メディア: Twitterの埋め込み
  • マークアップ: テキスト配置
  • テンプレート: 抜粋 (自動生成)
  • 1169
  • マークアップ: HTML タグとフォーマット
  • 極端な例: たくさんのカテゴリー

KEYWORDS

css html コンテンツ タイトル レイアウト 極端な例

SHARE & SAVE

  • Twitter
  • Facebook
  • hatena
  • LINE
  • Pocket
  • instapaper
<< 前の記事 過去の投稿へ
>> 次の記事 投稿フォーマット: チャット

最初のサイドバー

SEARCH

CATEGORY

  • Art&Culture
  • Development
  • Format
  • Gourmet
  • Media
  • Money&Finance
  • NoCategories
  • Template
  • Tokyo
  • Trend News

TAG

8ビット aside Codex css FTW html jetpack twitter videopress WordPress wordpress.tv その他 アライメント カテゴリー ギャラリー コメント コンテンツ ショートコード タイトル タイル状 タグ チャット テスト テンプレート トラックバック パスワード ピンバック ファン マークアップ メディア リンク レイアウト 一覧 他にも色々 動画 固定 埋め込み 字幕 引用 投稿フォーマット 抜粋 極端な例 標準 注目の画像 画像

POPULAR POSTS

  1. これだけでサイトが見やすくきれいになる!「WEBフォント」の設定に関してまとめてみた。
  2. これだけでサイトが見やすくきれいになる!「WEBフォント」の設定に関してまとめてみた。
  3. テンプレート: ページ分け

NEW POST

  • これだけでサイトが見やすくきれいになる!「WEBフォント」の設定に関してまとめてみた。 2020-02-14
  • これだけでサイトが見やすくきれいになる!「WEBフォント」の設定に関してまとめてみた。 2018-04-21
  • 1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。 2014-01-05
  • マークアップ: HTML タグとフォーマット 2013-01-11
  • マークアップ: 画像の配置 2013-01-10

ARCHIVE

Copyright © 2020 monocil

記事を探す
関連記事を見る