要素に合わせて文字数を制限するCSS 備忘録

こちらでも、す~かりと遅くなってしまいましたが、
明けましておめでとうございます。

さて、新年最初の投稿です。

自分専用にWordPressで作成しているブクマサイトで
必要に迫られたので備忘録。

他のサイトのRSSを読み込んであれこれ表示しているのですが、
記事のタイトルが長かったり、そもそもサイトのタイトル自体が
長かったりすると、どうしても改行してしまい、
見た目的に好みではないので、スッキリさせてみました。

上の3つを指定することで必要以上の文字は削除され
(正確には表示させていないだけ)
すっきりと指定した幅・高さに収まります。

div要素でも、li要素でも、p要素でも使えると思います。

このやり方で肝は上記のCSSを3つとも全て記述しないと
レイアウトがピシャリといきません。

適宜、line-height を指定したりしてさらに整えるとより良いです。

:: スポンサーリンク ::

posted by そば富泉

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)