タグ

ブックマーク / qiita.com/mpyw (1)

  • mb_strimwidth関数なんて必要なかった(?) - Qiita

    $str = mb_strimwidth($str, 0, 10, '…', 'UTF-8'); しかし出力結果が意図したとおりになるためには、以下の条件が揃っている必要がありました。 等幅フォントを使用している 半角幅になる特殊なマルチバイト文字を使用していない(半角カナなど) 実はこれらの問題を鮮やかに CSS3 だけで解決する方法がありました。 実装 以下のようなクラスを適用すれば実現できます。 .trim { /* 任意 */ min-width: 100px; /* 最小表示幅の指定 */ max-width: 200px; /* 最大表示幅の指定 */ /* 必須 */ white-space: nowrap; /* 空白で改行させない */ overflow: hidden; /* はみ出た部分を表示しない */ text-overflow: ellipsis; /* はみ出

    mb_strimwidth関数なんて必要なかった(?) - Qiita
    masa8aurum
    masa8aurum 2016/10/22
    文字を一定幅で切り詰めて「…」を付加する方法 → CSS で text-overflow: ellipsis; max-width: 200px; などする
  • 1