.clearfix のように共通して使用されるcss

Question

.clearfixのように共通して使用されるようなCSSは、他にどのようなものがありますか？

.clearfix:after {
content: "";
clear: both;
display: block;
}

※ 現在は.clearfixも別の書き方があるようですが、それは置いておいて・・・。

Answer 1

テキストが1行より長い場合に「…」で省略して1行に収める、ということはよくあるので、私はクラス化します。

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; /* for IE */
}

※word-wrap: normal;を記述するのは、word-wrapプロパティの値がbreak-wordになっているとIEで意図した表示にならないためです。

デモ：https://jsfiddle.net/73d5ata1/1/
参考文献：https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow

Comments

[退会済みユーザー]

ご回答ありがとうございます。こういうのを待っておりました。