文字数制限をしないでCSSだけで「...」を表示するこんにちは、デザイナーの橋本です。 h1タグはユニークでなければいけませんが、そのためサイトによってはとても長くなる事もあります。 特にECサイトでは、商品のカテゴリやブランド名、そして商品番号等必要なものは全て出したいものです。 しかし、ページの構成によっては、スペースも限られる事も多く、デザイナーの悩みの種でもあります。 レイアウトを崩さないためには、以下の方法を思いつきます。 1）領域から出た部分は非表示にする 2）プログラムで文字数を制限して、末尾に「...」をつける。 1）は、テキストが唐突に切れてしまうので見た目的にスマートではありません。 2）は、テキストが省略されている事が見たでわかりますが、せっかくの文字が全部書き出されないため SEO的には好ましくありません。テキストの大きさが可変なサイトにも適しません。 以上の不満はCSSの「text-overflow」を使えば簡単に
