CSSで出来る！決められた文字数を超えた場合に「…」を表示させるコード - キーワードノートjQueryなどJavaScriptを使わず、指定した文字数やピクセル幅を超えてしまいはみ出た部分を「…」と表示させる事がCSSコードのみで可能です。 例えばワードプレスのテーマを紹介しているこのサイトで使っています。 リンク：WordPressテーマギャラリー オレンジ色の枠にあるテーマの名前が長い場合は、枠からはみ出たり2行になってしまいます。 そうすると全体のレイアウトが崩れるため文字数を制限しています。 コードはこちらを使います。 text-overflow: ellipsis; これに「overflow:hidden;」と改行防止の「white-space:nowrap;」 Firefox対応に「-moz-text-overflow:ellipsis;」、Opera対応に「-o-text-overflow:ellipsis;」を加えて以下のように記述しました。 h2 { over
